Jump to content
Sign in to follow this  
joel

How to remove hover effect on Brandnav

Recommended Posts

joel

I've been searching the forum to find some code to remove the hover effect on the brandnav navigation but nothing seems to work. Any suggestions?

Share this post


Link to post
Share on other sites
catrina
Try this CSS code: [code]ul#menu-main-menu li#menu-item a:hover {background-color: none;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
joel
Didn't work - Is this because I'm using platform pro and not the new Framework?

Share this post


Link to post
Share on other sites
catrina
It's the code I gave that isn't working. Try: [code]ul#menu-main-menu li.menu-item a:hover {background-color: #000 !important;}[/code]

Please read the docs before posting. Please do not private message me unless I ask you to.

Designer | Catrina Dulay

Founder | Catrina and Mouse

Share this post


Link to post
Share on other sites
joel
Okay, that worked! I hate it when code goes and misbehaves like that. So...now what about the dropdown? It still has that hover effect. Thanks!

Share this post


Link to post
Share on other sites
Danny
Hi Joel, Add this below, this should remove all hover effects on your navigation. [code].sf-menu li li, .sf-menu li li, .sf-menu li li li { background: transparent; } .sf-menu li, .main_nav ul.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active { background: transparent; } .sf-menu li:hover, .sf-menu li.sfHover { background: transparent; }[/code]

Please search our forums, before posting!

Share this post


Link to post
Share on other sites
joel
Okay, kinda worked but only on certain menu options...

Share this post


Link to post
Share on other sites
Rob
Joel, do you have Firebug? It's an amazing tool, an add-on for Firefox. http://www.getfirebug.com. If you use it, select any element you want to inspect and it will show the related CSS. You can also test changes live to see if they work. If they do, just copy/paste the code into your CSS Rules area. Some of the code provided by my colleagues above can be applied easily to any menu elements not yet resolved. I hope that helps.

Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

×