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 Not Working

Discussion in 'Basic Support Forum' started by Nick Attfield, Jan 30, 2018.

  1. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    Hi,

    I've got the plugin installed and styled for desktop, but it still uses the default Divi mobile menu. I've checked in the divi builder and the full width menu isn't hidden for mobile.

    How do i get this to work?
     
    #1 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Modern & powerful Agency Divi layout pack, featuring team carousel, sliding menu, etc.View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    The section visibility is set to be hidden, not the fullwidth menu. Let me know if it works.
     
    #2 Divi.Help Pro Support, Jan 30, 2018
  3. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Another thing is that, we set the sticky menu to be hidden in mobile as well. Add this custom CSS to show the sticky menu in mobile:
    Code:
    Log In or Sign Up to view this code.
     
    #3 Divi.Help Pro Support, Jan 30, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Freelancer' Divi layout for all Pro members:View Demo
  4. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Our plugin purposely use the default Divi header in mobile, so that you can have slide in / fullscreen menu on mobile.

    But then, if you wish to use the desktop style on mobile, try the above CSS & visibility settings.

    Also if you want to hide the default Divi menu in mobile, add this custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #4 Divi.Help Pro Support, Jan 30, 2018
  5. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    Thanks for your reply, I've added in the two bits of code and now i've just got a blue bar with no hamburger menu or logo?

    I've currently got the header for Divi set as fullscreen.
     

    Attached Files:

    #5 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Custom Color Scheme + Premade Layouts - A perfect combination to boost productivity:Try Now
  6. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Kindly share your URL.

    What I can guess it that the hamburger icon is the same color as your background.

    As for your logo, you must set the visibility of the desktop logo to show in mobile as well.
     
    #6 Divi.Help Pro Support, Jan 30, 2018
  7. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    The URL is http://lathams.zestdev.com/ i've taken off the hide divi menu, so can see the full screen version of that one, but i can't see any trigger for the DU Header version.
     
    #7 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Divi Ultimate Archive Plugin - Tons of elegant premade sidebar styles to choose from for your Divi site:Learn More
  8. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You want to achieve something like this on mobile?

    upload_2018-1-30_23-29-5.png
     
    #8 Divi.Help Pro Support, Jan 30, 2018
  9. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    We would like it to look like the screenshot below, logo on the right, hamburger on the left with either slide in or full screen menu.
     

    Attached Files:

    #9 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade team carousel design for your Divi site without using any plugins:View Demo
  10. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Meaning, the default one would do. Delete the CSS coding that you added just now.

    Then you will get to the logo on the left & fullscreen menu on the right.

    But then, you want the logo on the right & menu on the left. Try to add this custom CSS:
    Code:
    Log In or Sign Up to view this code.
     
    #10 Divi.Help Pro Support, Jan 30, 2018
  11. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    The default one doesn't show up though, all i get is the original divi menu, which is not what i want.
     
    #11 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Divi.Help Pro Layout Packs - Beautifully crafted Divi layout packs for you to kick start your Divi sites:View Demo
  12. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    You need to go to Theme Customizer to change it to slide in / fullscreen:

    upload_2018-1-30_23-50-27.png

    Let me know if it works.
     
    #12 Divi.Help Pro Support, Jan 30, 2018
  13. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    If i enable the slide in or full screen menu i get the divi default versions?
     
    #13 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members:View Demo
  14. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    If you enable slide in / fullscreen, it should show up properly in mobile. You already put slide in / fullscreen?

    If still not working, it might be due to your caching plugin. Try to disable it.
     
    #14 Divi.Help Pro Support, Jan 30, 2018
  15. Nick Attfield

    Nick Attfield New Member
    Divi Ultimate Header Plugin

    It's already active yes, the screenshot below is when i get, and the 'X' is missing to be able to close the menu. I haven't got a caching plugin set up yet.
     

    Attached Files:

    #15 Nick Attfield, Jan 30, 2018
    1. PRO MEMBER PERKS Divi Block Pro - Premade mega menu design for your Divi site without using any plugins:View Demo
  16. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    By default, Divi slide in doesn't support fixed menu on mobile. That's why it the 'X' is missing.

    To solve it, you need to disable the sticky mobile header settings (somewhere in other plugin).
     
    #16 Divi.Help Pro Support, Jan 30, 2018
(You must log in or sign up to post here.)