Hi,
I have a problem on two different websites.
-
On the first website, I’m using GYM demo for a “onepage” website. The menu has 4 elements that are linked to 4 anchors on the same page. The menu shows one of them always with an orange line below. How can I remove this effect?
-
On the second website, I’m using RENEW demo. In this case the menu has 5 elements: 3 of them are anchor links inside the homepage, and the other two are the blog and the portfolio.
I have been able to remove all the lines below by the following CSS setting:
.x-navbar .desktop .x-nav > li > a:hover > span, .x-navbar .desktop .x-nav > li.x-active > a > span, .x-navbar .desktop .x-nav > li.current-menu-item > a > span {
box-shadow: none !important;
}
The problem is that the texts linked to the anchors are always black when I am on the homepage, and the two texts “Portfolio” and “Blog” are grey and become black only during the mouse hover or when I go on these two pages. How can I show the menu elements always black and with no lines below?
Thanks!