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

No burger menu/drop-down on mobile?

Discussion in 'Basic Support Forum' started by George Owen, Feb 20, 2020.

  1. George Owen

    George Owen New Member

    The header looks great on Desktop, but I can't get the burger menu to show up on mobile? In global header i have set it to visible, and on the mobile preview it is there... but on the published page it's invisible? The other elements are there though? This is for all of the first 5 styles
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    For our plugin custom header, you should select it in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Choose Your Custom Navigation Style, not adding it in Divi Theme Builder.

    So firstly, you will need to remove the global header from Divi Theme Builder: WP Admin > Divi > Theme Builder

    Then, select your custom header style in Theme Customizer > Divi Ultimate Header Plugin > Header & Navigation Styling > Choose Your Custom Navigation Style

    And lastly, you get to choose your mobile hamburger menu to be slide in / fullscreen / default dropdown menu: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/

    =============

    You might want to refer our New Installation Guide as well: https://divi.help/threads/new-installation-guide.347/
     
  3. George Owen

    George Owen New Member

    I'm not sure if there is conflicting code, but I just can't seem to get it to work. Once installed, I got to theme customizer on Divi, choose the header style, and it changes the page layout but doesn't add a header. Very strange!
     
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL for us to check further.
     
  5. George Owen

    George Owen New Member

    Thank you, the link is here: https://wp.me/Pb1fFj-e2u

    You will see that as soon as you resize to tablet or mobile dimensions, the header disappears.
     
    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly check your PM. Will need a temporary admin login to check further.
     
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Upon further checking, I did few steps to make it normal again.

    1. As stated previously, will need to remove the Global Header in WP Admin > Divi > Theme Builder to show back the mobile menu. See screenshot below:

    upload_2020-2-22_10-31-36.png

    2. But somehow the mobile menu is still not shown. Upon further checking, you have the below custom CSS (WP Admin > Divi > Theme Options > Custom CSS) that hide it. And thus I removed it & the mobile menu display.

    upload_2020-2-22_10-47-5.png

    3. Lastly, I notice that our default custom header injection method doesn't work for your case. Might be a plugin conflict. And thus, I switched to an alternative injection method for you & it works fine now.

    Here's the option for alternative injection method: https://[YOUR SITE URL]/wp-admin/customize.php?autofocus[section]=divi_ultimate_header_plugin_header_alternate_options

    upload_2020-2-22_10-49-52.png

    =============

    Additional note:

    1. I would suggest you to update Divi to the latest version. Your current Divi version has several issues.

    2. For the mobile menu, you can have slide in / fullscreen menu by setting this: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/

    3. Since in mobile, it's using the Divi default menu, thus to set the logo for your mobile menu, just go to WP Admin > Divi > Theme Options > Logo

    4. As for the styling of the mobile menu, you can do so in Theme Customizer > Header & Navigation

    5. I selected custom header style 1 in Theme Customizer > Divi Ultimate Header Plugin
    **To customize header style 1 design, just go to WP Admin > Divi > DU Header - Library
     
    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