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

Solved mobile menu's hamburger icon not showing

Discussion in 'Basic Support Forum' started by Emil, Nov 14, 2019.

  1. Emil

    Emil New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Sir, I got a website: https://kkproperty.com.my/theshore/ using DU Header Plugin. After all the setting and configuration it look fine in large monitor, however once view in mobile Divi default drop menu is showing rather than just showing "hamburger" menu.

    Please assist
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Block Pro - Premade before / after image slider for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Three things you need to do.

    1. First, you need to set your menu section visibility settings to be shown in mobile. Just go to menu Section Settings > Advanced > Visibility & set it to be shown in mobile & tablet as well.

    2. By default, the sticky section is set to be hidden by default in mobile. To show sticky section in mobile, you just need to go to the Section Settings > Advanced > CSS Class & add free-sticky-mobile-show
    Here's the documentation on sticky feature: https://divi.help/threads/sticky-feature-documentation.2294/
    **You can also disable the sticky feature in mobile by adding free-sticky-mobile-disable

    3. Lastly, set to hide the default Divi mobile header by adding the below CSS in Divi > Theme Options > Custom CSS:
    Code:
    Log In or Sign Up to view this code.
    **By default, we revert back to use the default Divi mobile header, so that you can have slide in / fullscreen menu in mobile: https://divi.help/threads/for-mobile-menu-how-to-show-slide-in-or-fullscreen-menu.646/
    **If you don't wish to use the default Divi mobile header, you will need the above CSS to hide it.

    Let me know if you have any other questions.
     
  3. Emil

    Emil New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Sir,
    After added css as suggested. The header in mobile view turn into something shown as attached. May I know where is the logo??
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Replace the default archive "Older Entries" with beautiful pagination:Learn More
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Check your logo Section settings > Advanced > Visibility option. Make sure it's set to show in mobile & tablet as well.

    Also check the logo Image module settings > Advanced > Visibility option as well.
     
  5. Emil

    Emil New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Sir,
    I thought the mobile logo is going to use the default logo from DIVI itself??
     

    Attached Files:

    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Perhaps I misunderstood what you said.

    If you’re looking to just use the default Divi mobile header, then you will need to undo those 3 steps that I mentioned in previous post.

    As for just showing hamburger menu without the ‘Select Page’ text next to it, you will need to choose either Default / Slide in / Fullscreen menu in Theme Customizer -> Header & Navigation -> Header Format -> Header Style

    Let me know if I answered your questions correctly.
     
  7. Emil

    Emil New Member
    Divi Powerful Child Theme Divi Ultimate Archive Plugin Divi Ultimate Blog Plugin Divi Ultimate Header Plugin Divi Ultimate Footer Plugin

    Hi Sir,
    Is ok. the previous suggestion is working fine. Is just I didn't add tablet and mobile version of logo into the fullwidth menu.
    Thanks
     
    1. PRO MEMBER PERKS Divi Block Pro - Powerful Divi header builder for you to mix & match premade header design, mobile menu & more:Learn More