I have the dropdown menu in place that works very-well. Now a client wants the active menu item getting a highlight. Something like this: https://codepen.io/sincilite/pen/pooWjde but also with a hover state effect.
I found some similar js which seems to do what I need(in a sample with only this js and some css). But unfortunately not in combination with the dropdown menu.
Might the problem be that the additional js and the foundation js are conflicting?
this is a https://codepen.io/mr_vespa/pen/zYryZQo I made up with the things I could find. It is partly working. The dropdown is not working dough! Also would be nice if the Home button is highlighted when first visiting the site. And after clicking it is also removed.
The site I am working on is still using version 6.4.2 what will happen if I include the latest version 6.6.* ? Will this gridand the dropdown menu still work?