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 Mobile

Discussion in 'Support Forum' started by Howard Ohori, Jan 7, 2022.

  1. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    Hello DU.

    1. My hamburger seems to be a bit off - likely due to the logo. But thought I would check.
    2. Can you advise on the expanding hamburger? It is appearing under the location/contact section.
    3. Mega Menu - will this work in mobile. (not right now as I am looking at one of the other mobile menus in DB).
     

    Attached Files:

    #1 Howard Ohori, Jan 7, 2022
    Last edited: Jan 7, 2022
    1. PRO MEMBER PERKS Divi Block Pro - Premade dynamic background hover design for your Divi site without using any plugins:View Demo
  2. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    #2 Howard Ohori, Jan 7, 2022
  3. Divi.Help

    Divi.Help Administrator
    Staff Member

    You may try to go to the hamburger text module settings & set its height to be 70px. Also try to set a smaller padding top to move it higher.
    I see that you're using both Theme Builder & our header plugin.

    That's because the DU header plugin has higher z-index than the Theme Builder header.

    To fix it, try the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    Would still recommend you to use Theme Builder only.
    By default, we only set our mega menu to work on the default mobile menu style. Not the custom mobile menu blocks.

    If you need mega menu to work on your custom mobile menu block, you may try the below & see if works:
    1. Go to your Menu module settings > Advanced > CSS Class & add free-header-menu
    2. Then go to the below code module settings:

    upload_2022-1-8_0-4-26.png

    3. And remove the highlighted CSS:

    upload_2022-1-8_0-5-7.png
     
    #3 Divi.Help, Jan 7, 2022
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  4. Howard Ohori

    Howard Ohori Member
    Pro Member Divi Ultimate Child Theme

    I'll take your advice on using the default mobile menu. I have removed the mobile fullscreen from the Theme Builder.

    The DU mobile menu now appears, but I have been back and forth on this so many times that I have forgotten where to make adjustments to that particular section for mobile. Could you advise?

    Thanks again (for the spoon feeding)
     

    Attached Files:

    #4 Howard Ohori, Jan 7, 2022
  5. Divi.Help

    Divi.Help Administrator
    Staff Member

    You misunderstood what I meant, but I see right now you already got it right (move all design to Divi Theme Builder).

    One last thing, if you wish to make your mega menu to align in the middle, try to go to the mega menu section settings & set the max-width to be 1140px
    **Basically, if the mega menu max-width is bigger than your menu row width, then it will align in the middle.
     
    #5 Divi.Help, Jan 7, 2022
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Agency Divi layout pack featuring unique comment design on single blog post page:View Demo
(You must log in or sign up to post here.)