Hamburger dropdown menu not showing

  • Resolved partaim

    (@partaim)


    4 years, 6 months ago

    Hello there,

    here is the problem: my mobile dropdown menu isn’t working. It just won’t show up. I took a look at the google dev toolbar and it seems to be a JS error.

    I hope you’ll be able to see my website, ’cause i’m currently working on a temporary domain.

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • catacaustic

    (@catacaustic)

    4 years, 6 months ago

    The errors that I can see are:

    Uncaught ReferenceError: jQuery is not defined

    Uncaught Error: Bootstrap’s JavaScript requires jQuery version 1.9.1 or higher, but lower than version 3

    First, you have to set jQuery to be available on the fornt-end of your website. Normally that’s done using wp_enqueue_script().

    When that’s done, you can see if the version of jQuery that’s available works with Bootstrap. If not, you can de-queue that version and add in your own version that does work with Boostrap.

    yogeshyadav20

    (@yogeshyadav20)

    4 years, 6 months ago

    Hi @partaim

    try out something like this

    
@media(max-width:525px){
.navbar-collapse.collapse.show-hide-nav {
    display: block !important;
}
}

jQuery('.toggle-mobile').on('click', function () {
     jQuery('#hongo-navigation-menu-1').toggleClass('show-hide-nav');
 });
    Thread Starter partaim

    (@partaim)

    4 years, 6 months ago

    Yeah, it works! Thanks a lot for your help! 🙂

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

The topic ‘Hamburger dropdown menu not showing’ is closed to new replies.

Tags