What is the best way to incorporate responsive dropdown navigation menu into custom theme?
What is the best way to incorporate responsive dropdown navigation menu into custom theme?
What is the best way to incorporate responsive dropdown navigation menu into custom theme?
WordPress menu is getting automatically nested
Setting specific min-width and max-width for your <nav> menu will fix the issue: <nav class=”navbar navbar-inverse navbar-fixed-top” role=”navigation” style=”min-width: 1000px; max-width: 1000px;”> Here’s the JavaScript/jQuery method that will set the min-width and max-width of your .navbar when the event ‘affix.bs.affix’ got fired: var navbar = jQuery(‘nav.navbar’); // If ‘affix.bs.affix’ is fired. navbar.on(‘affix.bs.affix’, function () { … Read more
I’ve decided to not change anything in walker class and “parse” the menu with jQuery, clone each children and append to “menu” container which gives me the result I was looking for. The only thing missing is how to pass ID of menu element which has childrens to start_lvl function. Thanks
A sub-menu generally is made by adding another ul/li elements inside an li, like this: <ul> <!– Menu –> <li>Menu item 1</li> <li>Menu item 2</li> <li>Menu item 3 <ul> <!– Sub Menu –> <li>Sub item 1</li> <li>Sub item 2</li> </ul> </li> </ul> But if you want some dropdown menu, you have to add some css, … Read more
You can manage that with a single menu, and using CSS you can style to function the way you have described very easy.
When on the Corporate profile page, that menu item has the following classes: current_page_item current-menu-ancestor current_page_ancestor. Any of these are attached to a menu item when you are on that page, or a child page. Target these in your stylesheet, and set the .sub-container div to have display:block;. That should do the trick. Also, your … Read more
Make a button and a div on the page template Make the button toggle the visibility of the div When the div is toggled to be visible, have it populated by a WP_Query that fills it with menu items.
You can create that flip effect by setting the dropdown animation to Flip in your WordPress Dashboard > Divi > Theme Customizer > Header & Navigation > Primary Menu Bar All the way at the bottom is DROPDOWN MENU ANIMATION Set that to “Flip”
First you should use the menu builder in the backend to create your menu then use the classes for the different list items to hide or display the UL nested under them. For example li ul { display: none; } li.current-menu-item ul { display: block; } li.current-menu-ancestor li ul { display: none; } li.current-menu-ancestor li.current-menu-item … Read more