Contents
1.) when sub menu is clicked, looking for new page to keep the selected sub menu open (i will highlight the selected sub menu button for further clarification on navigation) Do I need to put this script in the head section?
A sub-menu or drop-down menu appears when you have some pages under the main menu item layout and your hover this main page item on the navigation menu as is shown on the image above while hovering the ‘PORTFOLIO‘ navigation menu item and drop-down appear.
How to enable full size drop down menu area in WordPress?
For this you just need to get/copy the image URL you have uploaded under your WordPress > media library < area and post it on the menu item editor ‘Submenu Background Image’ area. How to enable a full-size drop-down menu area? (Mega Menu) Finally, select the ‘mega menu drop-down’ under ‘drop-down type’ menu item editor field.
How to highlight the navigation menu for the current page?
It’s very simple to implement to anything, navigation links, hyperlinks and etc. In your CSS document insert: This will make the hover state of the list items have red text and a white background. Attach that class of current to any link on the “current” page and it will display the same styles.
How to highlight the current page in CSS?
You can set the id of the body of the page to some value that represents the current page. Then for each element in the menu you set a class specific to that menu item. And within your CSS you can set up a rule that will highlight the menu item specifically…
1 Position the mouse over the ‘child’ menu item. 2 Whilst holding the left mouse button, drag it to the right. 3 Release the mouse button. 4 Repeat these steps for each sub-menu item. 5 Click the Save Menu button in the Menu Editor to save your changes.