menus

menu not showing on mobile view

It’s because in your themes style.css there is a media query written on line no. 12401 @media (max-width: 991px) .header__wrapper .main-menu3 { display: none; } first, comment on this line now you can see your menu shown in your mobile view also. To toggle this when clicking on three lines you have to add a … Read more

Show Sub Menu on click and not hover

This will add new classes to your menus triggered by click event. tell the default that you wish to not hover to have css of li:hover {display:none;} jQuery(document).ready(function($){ $(‘.nav-menu .menu-item-has-children’).on(“click”, function(e){ e.stopPropagation(); if($(this).is(“li”)){ if($(this).hasClass(‘opened’)){ $(this).addClass(‘closed’); }else{$(this).removeClass(‘closed’);} $(this).siblings().children(‘.sub-menu’).removeClass(‘visible’); $(this).siblings().removeClass(‘current-menu-parent opened’); $(this).toggleClass(‘current-menu-parent opened’); $(this).children(‘.sub-menu’).toggleClass(‘visible’); } else{ if($(this).parent().hasClass(‘opened’)){ $(this).parent().addClass(‘closed’); }else{$(this).parent().removeClass(‘closed’);} $(this).parent().siblings().children(‘.sub-menu’).removeClass(‘visible’); $(this).parent().siblings().removeClass(‘current-menu-parent’); $(this).parent().children(‘.sub-menu’).toggleClass(‘visible’); $(this).parent().toggleClass(‘current-menu-parent opened’); } });

How to include second layer sub menu to Walker Nav?

Without testing & debugging your example I’m not 100% certain what’s going wrong. I noticed your walker doesn’t have a end_lvl method which would be my first guess as to why dropdowns past the first level won’t work. Here’s a copy of a Nav Walker that I’m certain handles nested nav menus well. You’ll want … Read more

+ More