Hi,
Been racking my head trying to find where the settings are for this. Hoping you can help. I want to adjust the Menu bar so that it does not highlight the page that I am on. So for example when I go to the home page, right now there is a red box that appears around Home. I want to try to remove that. I only want it to highlight when I am hovering over a menu. Hope that makes sense.
Hi,
That should be possible with some CSS, please post a link to the website so I can try and create a code for it. It will be more accurate if you can provide a link, or maybe specify the header template used. Let me know.
Thanks
Hi Simion,
Thanks for replying. The website is http://new.mcecentral.com/. I’m using the Video News template. I would like to look and work like my current site: https://mcecentral.com/. I am creating this new site to replace the old one. I really appreciate the help.
Hi,
On the reference website you mention the current page is also highlighted
– http://prntscr.com/njxd7n
The home menu item is not active when on home, because it leads to a different URL it seems – http://prntscr.com/njxdok and that URL is then redirected to the homepage
– http://prntscr.com/njxe6g
So it is not detected as the current menu item because of this.
For the other website I can give you code to make the current menu item not highlighted
– http://prntscr.com/njxfkv
Enter it in the Theme panel custom CSS section
.td-header-wrap .black-menu .sf-menu > .current-menu-item > a {
background-color: #222222;
}
That worked great! Thank you for helping me out!
