1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
Dismiss Notice
NEW Divi.Help Pro Carousel AI Toolkit - Magically turn your Divi design into carousel, simply by using our online toolkit. No plugins needed. Now it works with Divi 5 as well!Try our carousel AI toolkit
BEST Divi Block - A revolutionary drag & drop tool to easily mix & match 960+ premade blocks (Light & Dark) to kick start your Divi site design. Special module designs are included as well. Also newly added AI generator & color. Now it works with Divi 5 as well!
Learn More About Divi BlockFree Version ~ 340+ Free Blocks

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 laurenbach, Feb 13, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support 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
     
    #2 Divi.Help Pro Support, Feb 13, 2020
  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?
     
    #3 laurenbach, Feb 14, 2020
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring modern overlay archive blog layout with hover effects:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support 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:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Feb 14, 2020
(You must log in or sign up to post here.)