Changed Template But Still Having Menu Item Issues
- This topic has 1 reply, 2 voices, and was last updated 5 years, 2 months ago by
. This post has been viewed 1427 times
-
Posts
-
Hi. So I changed to the one-page template. There seems to be some issues with the highlighting of the menu items. If you test with my site, you will see what I mean. Sometimes they are highlighted and sometimes not. Sometimes multiple menu items are highlighted at the same time.
Help please!
Thank you!
Hello, I tested your website here and the highlighted items seems to be working fine when you scroll down, the only problem was when you clicked in some of the items, to fix that please add the following css:
(css/custom.css)
@media (min-width: 992px) { #header .header-nav-main nav > ul > li.open > a { color: #777 !important; } html #header .header-nav-main nav > ul > li.open > a.active { color: #2388ED !important; } }In our tested with that css it works perfectly, but if the problem persists, please try to change the data-offset of the data-spy plugin and also make sure the IDs are set to the correct SECTION. My suggestion is to create a section for the contact us content area and avoid the use of “footer” ID for the scroll spy plugin.
ScrollSpy is a simple plugin that automatically update the navigation based on scroll position to indicate which link is currently active in the viewport.
<body class="one-page" data-spy="scroll" data-target=".header-nav-main nav" data-offset="150">
Best Regards,
Okler Themes
This topic is marked as "RESOLVED" and can not rceive new replies.