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

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 Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members: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 - Tons of elegant premade sidebar styles to choose from for your Divi site: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 Blog Plugin - Easily set awesome default design for your Divi single blog page: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 Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members: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 Beautifully crafted custom colored 'Digital Marketing' Divi layout for all Pro members: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.)