1. HOT Divi Ultimate Header Plugin - More variety for your Divi header: https://header.diviultimate.com/
This is the support forum for Divi Ultimate Header Plugin.

To access this support forum, you need to purchase Divi Ultimate Header Plugin.

If already purchased, kindly login to your account to access it.
For Divi community forum, kindly visit here: https://divi.help/forums/get-help-on-divi-wordpress.30/

DIVI Header Style #9 can I stretch DU Menu 100%

Discussion in 'Basic Support Forum' started by laurenbach, Feb 13, 2020.

  1. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    Hi DIVI Support-
    For the DIVI Header Style #9 can I stretch DU Menu 100%? I tried Width and Max width to 100% on section, row etc. and nothing is working. Can I get this menu to go all the way across. I think it would look better. Let me know here is the link - http://jgh.435.myftpupload.com/

    Please advise.

    Lauren B.
     
    1. AD Create gorgeous Divi slide-in promo bars, notification bars, etc: https://divi.help/link-forums/divi-bars.150/
  2. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    1. Go to menu Row Settings & set the margin top to be 0.
    2. Next go to the menu Section Settings > Advanced > CSS Class & remove free-header-overlap
     
  3. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    I don’t want to change the margin top but rather I want the DU Primary menu in the header to go 100% width across the header.



    What is the CSS class free-header-overlap?
     
    1. AD Power up your Divi sites with tons of new functionalities: https://divipowerful.divi.help/
  4. Divi Ultimate

    Divi Ultimate Administrator
    Staff Member

    The previous solution is just to remove the overlapping effect for the menu & make it fullwidth.

    If you wish to just make it fullwidth, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .et_pb_row {
        width: 100%!important;
    }