Hover line on navbar buttons

[basmeijerink]

Hey Guys,

I’ve been looking on the forum but I couldn’t find the answer. There is a thin line above the button in the navbar that I’m hovering over and I would like to remove that line. I would like to keep the hover color of the button text.

Thanks in advance

[christian]

Hey Bas,

I checked your site assigned to your license and it’s in under construction mode. Please give us access to the site so we can see the “thin line above the button in the navbar”. Post the info in a Secure Note.

@Themeco1

###Secure Notes

It is very common to need to share sensitive information with our staff such as login or FTP information. In order to keep this private, be sure to use the Secure Note button that you will find at the bottom of each reply.

Thanks.

[friech]

Hi Bas,

Thanks, but you did not tell the credentials were for Bluehost. anyways I did go ahead and added this to your Theme Options > CSS

/*remove thin line above the menu items on hover*/
.x-navbar .desktop .x-nav > li > a:hover, .x-navbar .desktop .x-nav > .x-active > a, .x-navbar .desktop .x-nav > .current-menu-item > a {
	box-shadow: none !important;
}

While I was there, I also fixed these couple of syntax errors.

• 

Cheers!

[basmeijerink]

Hey Friech,

Thanks for this! I’m really new to all this and I appreciate your help, thanks!

[nabeel]

Hey @basmeijerink,

Here are some related links for further reading, this could help you in finding and implementing some CSS fixes:

• Intro to CSS - https://goo.gl/mFuWQT
• How to get CSS selectors - https://goo.gl/BmoH39
• Get Started With Viewing And Changing CSS - https://goo.gl/7xFhDa
• CSS Media Queries - https://goo.gl/L3ZHNg

Cheers!