evowdov 0 Report post Posted May 4, 2011 Hey I have searched through the forum and have not really found a clear answer to what I am looking to do with the customization of the main navigation. I am looking to do 2 answers on 2 different menu styles for 2 different sites. 1. I want to remove the boxes around the standard menu items. So when that page is current there is no box around the item only the text is changed color and when you hover over the menu item only the menu item text ie "CONTACT" changes color. Page link is: http://www.evolutioncorporatewellness.com/ 2. I want to move the main navigation from the top under the branding to the left hand side keeping the drop down function. Would I just use an accordion style menu widget for this in a side bar or is there a way to not have to use a side bar to do this so I can still use my sidebars in y layout of the site? Page link for example is: http://www.nike.com/nikefootball/home/?locale=en_US Cheers Share this post Link to post Share on other sites
catrina 103 Report post Posted May 5, 2011 1. To remove the background box in the menu item when it's selected and change link color on hover, add this CSS to the base.css file in the child theme: ul.main-nav li.current_page_item a {color: #XXXXXX; background-color: none;} Replace XXXXXX with the hex code for the link color you want. 2. I think the sidebar would be the easiest option. From there, you can set up a widget that can include menu items. 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
humanv3 0 Report post Posted June 22, 2011 Hi there. I can't seem to get the hex color of the boxes behind the main nav to disappear completely - which is what I want to occur. I am using an image gradient behind the main menu and the links can't seem to shed the background colors no matter what I try... any suggestions? Thanks in advance Share this post Link to post Share on other sites
cmunns 16 Report post Posted June 22, 2011 Add !important tag to your custom rules to override the dynamic css file Share this post Link to post Share on other sites
metaconomy 0 Report post Posted July 11, 2011 I'm having the same problem as Derek. The color change for the text on main nav has worked. background-color: none !important; or background-color: none; still doesn't work and it's showing an error in the developer view in Google Chrome. Any ideas? Thanks Share this post Link to post Share on other sites
Kate 3 Report post Posted July 11, 2011 Hi Richard, Could you please post a link to your site? Share this post Link to post Share on other sites
