1. PROMO Upgrade to Pro Membership @ $99 / Lifetime & access all our 16+ premium Divi extensions: Divi Block, 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

Main Menu 90%

Discussion in 'Free Divi Community Forum' started by nbietti, Dec 19, 2020.

  1. nbietti

    nbietti Member

    Hi there, a simple questions, check please:
    https://test.latinproject.es/

    How can I bring the main menu to 90% (and not 80% like it is now)?
     
    #1 nbietti, Dec 19, 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. Problemizer.com

    Problemizer.com Divi Expert

    Hello nbietti,

    Class "container" is responsible for giving a width of 80% to the menu container. To change that, you would need to override the width with CSS on that class, but because the "container" is used on so many places throughout the Divi, you would putt all of them to the width of 90%.

    A better way would be to define a new class which would have stronger specificity than container class and then assign that new class to menu container which would override only the width of the menu container.

    Maybe I misunderstood you. Please let me know if you have any additional questions.

    Best regards
     
    #2 Problemizer.com, Dec 19, 2020
  3. nbietti

    nbietti Member

    Yes, I just want to set the main menu to 90% only
     
    #3 nbietti, Dec 20, 2020
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Problemizer.com

    Problemizer.com Divi Expert

    Please try this JavaScript code then. Divi -> General -> Integrations

    Code:
    Log In or Sign Up to view this code.
    And this CSS code to Divi -> General -> Custom CSS.
    Code:
    Log In or Sign Up to view this code.
    You need to play a bit with this max-width value, but I tested it on your website and it looks good. Probably you tried to prevent menu going into the second line.

    Please let me know if you have any additional question.

    Best regards,
     
    #4 Problemizer.com, Dec 20, 2020
(You must log in or sign up to post here.)