Docs

[newskywebsites]

Hi there, I followed another forum question and was able to create a button out of one top navigation link (a fix that will work to draw attention to “Estimate Request” until your eagerly awaited custom header option is available.) 🙂 However, I would like to remove the brown underline for that button link only. It appears upon hover and when that page is selected. Can you please tell me what to add to the CSS to remove that underline effect?

This is my current CSS:

/* box around top nav item */
@media (min-width: 980px) {
#menu-item-471 a {
background-color: #1A5E01;
color: #fff !important;
border: 0px solid #fff;
padding-left: 20px;
padding-right: 20px;
padding-top: 10px;
margin-top: 18px;
margin-left: 10px;
max-height: 34px;
border-radius: 5px;
box-shadow: none !important;
}
}

Using lastest version of everything with Renew child theme. Screenshot attached.

Thanks!
Dawn

[Friech]

Hi Dawn,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar .desktop .x-nav > li#menu-item-471 > a:hover > span,
.x-navbar .desktop .x-nav > #menu-item-471.x-active > a > span,
.x-navbar .desktop .x-nav>#menu-item-471.current-menu-item>a>span {
	box-shadow: none !important;
}

Hope it helps, Cheers!

[newskywebsites]

Worked like magic! Thanks!!

[Rahul]

You’re most welcome.

Feel free to ask us again.

Thanks.

[Author]

Posts