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

Solved Mega Menu not centering

Discussion in 'Support Forum' started by Howard Ohori, Mar 15, 2023.

  1. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    Imported Json into Divi Theme Builder however the mega menu in not centred under the main menu bar. See picture. Needs a small tweak - took a look in the row design but don't see why it would be left justified.
     

    Attached Files:

    #1 Howard Ohori, Mar 15, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade card carousel design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The mega menu will be align in the center if the mega menu width is bigger or equal to the width of the menu Row container.

    Perhaps on your site, the menu Row is set to have a bigger max-width. For that case, you need to first go to the menu Row Settings & find the value of your max-width. Then, go to the mega menu Section Settings & set the same value for max-width.
     
    #2 Divi.Help Pro Support, Mar 15, 2023
  3. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    Hello - check and both appear to be the same.
     

    Attached Files:

    #3 Howard Ohori, Mar 16, 2023
    1. PRO MEMBER PERKS Divi Block Pro - Premade content toggle design for your Divi site without using any plugins:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For the mega menu, you should check the Section settings.
     
    #4 Divi.Help Pro Support, Mar 16, 2023
  5. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    Hmmm - sorry for the spoon feeding.
     

    Attached Files:

    #5 Howard Ohori, Mar 16, 2023
    1. PRO MEMBER PERKS Divi Ultimate Blog Plugin - Easily set awesome default design for your Divi single blog page:Learn More
  6. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    I've checked the size settings - json was imported to a new page.

    Sorry, but I maybe missing something (usual case - LOL)
     
    #6 Howard Ohori, Mar 18, 2023
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    My bad. I thought you already got it resolved.

    As mentioned previously, you should only change the max-width. But it seems like you changed the width value of the mega menu section as well.
    **I think you copy the Sizing option & paste it, which override all our default values.

    The width value that we set is 100vw for desktop view.

    And we set 100% for both width & max-width for tablet and mobile view.

    Here's what it should looks like:

    upload_2023-3-19_20-58-4.png

    upload_2023-3-19_20-58-25.png
     
    #7 Divi.Help Pro Support, Mar 19, 2023
    1. PRO MEMBER PERKS Divi Ultimate Child Theme - Tons of premade layouts & section designs + functionalities for your Divi site:Learn More
  8. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    Thanks - yeah got caught up in a bunch of other stuff....

    Thank you for your spoon-feeding. It is very much appreciated.

    All good now.
     
    #8 Howard Ohori, Mar 19, 2023
(You must log in or sign up to post here.)