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

Primary Menu and Button drop to 2nd row how do I fix it?

Discussion in 'Basic Support Forum' started by laurenbach, Apr 26, 2021.

  1. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin

    DIVI Header Support-
    Can you answer this question I have need to know by tomorrow and hoping you can help me: I sent 2 previous messages but no response.

    How do I make it so the Primary Menu does not drop down to the 2nd line? Here is a link to the site - https://q6v.ab3.myftpupload.com/. Also what is controlling the font style in the Primary Menu the dropdown is using the font I picked but the main primary menu is not. I also wanted the text to be Tt and not TT but when I change it in the primary menu and Design tab nothing happens still ALL CAPS. Let me know how to fix both thanks!

    In my notes I saved that this should work but it didn't work:
    DIVI Header style Primary menu is jumping to 2nd link and forcing menu to a 2nd line. Fix using custom CSS here:

    html:not(.et_fb_preview_active--wireframe_preview):not(.et-fb-preview--wireframe) .free-header-overlap .et_pb_row {
    width: 98%!important;
    }

    #page-container .free-menu-padding-small.free-menu-style-1 .fullwidth-menu-nav>ul>li>a {
    padding: 25px 12px!important;
    }

    Lauren B.
     
    1. PRO MEMBER PERKS Divi Block Pro - Easy-to-use drag & drop interface to mix & match 456+ premade Divi blocks & export as json file:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to the Row Settings > Advanced > CSS Class & add free-button-float-right
    You just have to go to WP Admin > Appearance > Menus & change your menu text to be small caps.
     
  3. laurenbach

    laurenbach Member
    Divi Ultimate Header Plugin


    Hi DIVI Header Support-
    I waited 2 days for this answer and my Primary Menu is still jumping down to 2nd line. I had that removed under Row Settings< Advanced < CSS class had nothing in it so I had removed it. Are you able to look at the code on the page before you post a comment? I even tried to remove the Home Button at one point and it was still on the 2nd line. How do I make the Regular Menu Module wider or with less padding inside? I tried to increase the Regular Menu Module Width from Auto to 90% wide on both Max Width and Width and that did not budge the width of the menu at all. Not sure why it is jumping to a 2nd line when the is so much space on the leftside. Seems like Menu is still floating to the right so where is this coming from?

    Please help. I want this resolved so I can move on to the content of the site and the shell of the site is done. Please advise ASAP. I see someone deleted my 2 other posts as I posted a couple since I was not getting answers.

    Lauren B.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade floating button design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    I've tested it on your site & it works. Check this out: https://recordit.co/JrRf62mqnL

    You just have to go to the menu Row Settings > Advanced > CSS Class & add free-button-float-right

    In our default design, we have that CSS Class in the menu row settings but you removed it. You just need to add it back.
    **I see that you still haven't add it on your side.
    We deleted it because it's a duplicated posts. We just have to continue the conversation in this thread.