No items on mobile hamburger menu

  • Resolved hotelwig

    (@hotelwig)


    5 months, 2 weeks ago

    When I click on the ‘hamburger’ menu button on mobile nothing happens. It does a split-second glitch but the menu items do not appear.

    The menu items are present on desktop view.

    I have the following plugins installed:

    Akismet Anti-spam: Spam Protection – 5.3.3
    AMP – 2.5.4
    BackWPup – 4.1.5
    CF7 to Webhook – 3.0.4
    Contact Form 7 – 5.9.8
    Counter Number Showcase – 1.3.9
    Disable Search – 2.1
    Elementor – 3.24.6
    FeedFocal – 1.3.0
    Modern Events Calendar Lite – 6.5.6
    Newsletter – 8.5.5
    Orbit Fox Companion – 2.10.37
    Really Simple Security – 9.0.2

    Here is an image of my Appearance -> Menus:
    https://ibb.co/XSgTHKw

    Here is an image of my Appearance -> Customize -> Menu (Mobile):
    https://ibb.co/SXzf2zj

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)

  • I saw that, on click of hamburger menu, it does add show class but then doesn’t remove on second click. Also, there are few CSS which needs to be added for show class.

    You need to add following custom JavaScript and CSS code to make it work

    JavaScript Code

    document.getElementById('header-nav').addEventListener('click', function() {
        const toggleDiv = document.getElementById('header-responsive-inner');
        toggleDiv.classList.toggle('show');
    });

    CSS Code

    .nav-collapse.collapse.show {
        height: auto;
        visibility: visible;
    }

    Thread Starter hotelwig

    (@hotelwig)

    @kprajapati22 When I click on the #header-nav element, no class is added. I’m not quite sure which ‘show’ class you’re referring to. Could you please clarify?

    Here is the screenshot – https://prnt.sc/XYhzTixbjGjw

    You just need to add code which I shared, to make it work.

    Thread Starter hotelwig

    (@hotelwig)

    Hi, I just tried this and it worked. Thank you.

Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.