1. PROMO Subscribe our All Access Pass @ 75% OFF & access all our 16+ premium Divi extensions: Divi Block Pro, Carousel Toolkit, etc.LEARN MORE
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

Mobile menu does not work!

Discussion in 'Basic Support Forum' started by Ryan Brooks, Jul 7, 2019.

  1. Ryan Brooks

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

    I have a website that I am using DU Menu on and it looks and works fine until it goes to the mobile menu.
    None of the links are clickable in mobile view.
    Can you see where I am going wrong? Thanks in Advance

    Website is: www.inflatenplay.co.uk
     
    #1 Ryan Brooks, Jul 7, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade gradient text design for your Divi site without using any plugins:View Demo
  2. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    That was weird. Never heard of such issue before.

    Kindly try to go to Theme Customizer -> Header & Navigation -> Header Format -> Header Style -> Choose 'Default' & see if it works.
     
    #2 Divi.Help Pro Support, Jul 7, 2019
  3. Ryan Brooks

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

    No that did'nt work!
     
    #3 Ryan Brooks, Jul 7, 2019
    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

    Kindly check your PM.
     
    #4 Divi.Help Pro Support, Jul 7, 2019
  5. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    After further checking, it's due to the CSS Class free-vertical-navigation-trigger in the menu module. After removing it, the mobile menu works now. Kindly check.

    Explanation:
    I see that the mobile menu section that you're using now, is taken from vertical navigation style. Do note that the menu module is made to work with the vertical navigation only, and that's why it didn't work on your normal header style. The main issue is the jQuery linked to free-vertical-navigation-trigger. So after removing that CSS Class from the menu module, it all works fine now.
     
    #5 Divi.Help Pro Support, Jul 7, 2019
    1. PRO MEMBER PERKS Divi Ultimate Header Plugin - Add more varieties for your Divi header (12 premade styles) + menu hover effects:Learn More
  6. Ryan Brooks

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

    Hi, This issue has come back!

    Please can someone have a look at it and let me know if it is the same issue or something else now?

    Website is www.inflatenplay.co.uk

    Thanks
     
    #6 Ryan Brooks, Sep 9, 2019
  7. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    Try to go to the Menu module settings > Advanced > CSS Class & remove free-hamburger-icon
    **That's only used for vertical navigation as well.
     
    #7 Divi.Help Pro Support, Sep 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - Premade logo carousel design for your Divi site without using any plugins:View Demo
  8. Ryan Brooks

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

    Where would that be?

    Thanks
     
    #8 Ryan Brooks, Sep 9, 2019
  9. Divi.Help Pro Support

    Divi.Help Pro Support Administrator
    Staff Member

    1. Go to WP Admin > Divi > DU Header - Library & edit your custom header.
    2. Go to the mobile Menu module settings > Advanced > CSS Class & remove free-hamburger-icon

    Let me know if you need any further explanation.
     
    #9 Divi.Help Pro Support, Sep 9, 2019
    1. PRO MEMBER PERKS Divi Block Pro - 30+ premade custom header designs for you to choose from:View Demo
  10. Ryan Brooks

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

    Thanks
     
    #10 Ryan Brooks, Sep 9, 2019
(You must log in or sign up to post here.)