Using the Bootstrap menu clicking on a parent menu item reveals the child items. The parent page isn’t opened in the traditional menu way.
This is by design.
In summary, clicking on the parent menu item shows child menu items as drop down
Hovering over the parent page has no effect.
The result which I wanted was:
Hover over parent menu item to show child menu items in a drop down
Click on parent to change page, showing parent page.
The onclick of the parent menu item causes a drop down to appear and not to move forward to view the parent item
Changes to be made
- onclick to open parent item
- hover to show dropdown
To implement the changes I removed the data-toggle attribute and added a hover function emulating the click action but adding the open class.
I added the following to the header.php file of the WordPress child theme.
I like to add my own variable $vntweb with a noConflict, rather than simply the use of $. Usually this keeps me out of trouble, avoiding conflicts with other uses of $ as a variable