Highlight Main Menu BG?

I am attempting to highlight the 'active' background of my main menu buttons with the following override:

Code: Select all

#gk-main-menu #main-menu > li.current-menu-parent > a {

display: inline;
padding: 10px;
color: #ffffff;
background-color:#e5e5e5;
border-radius:3px;

}


The code works well however it has no effect on the 'Home' button I've assigned (using a Custom Link in Menu creation). So I add the following:

Code: Select all

.home ul li.menu-item-home > a {

display:inline!important;
padding: 10px!important;
color: #ffffff!important;
background-color:#562457;
border-radius:3px;

}


...and the 'Home' button highlights perfectly how I want it however this also highlights the 'Home' button, in the same fashion, within the mobile menu as well.

How can I target the BG highlight of the 'Home' button on the desktop version of my main menu and NOT the mobile version too?

Suggestions?

Could you please provide me with a URL to your website, either here or via PM (click the “Private Message” text underneath my avatar) so that I may analyze it? It is a lot easier for us to diagnose issues when we have a live site to examine.

Hi I'm looking to also "highlight" the main menu section so that the background image from the slider doesn't wash out the menu. What would be the CSS code I would put into the override file to achieve this? Our site is http://tcballhockey.com

Also looking to figure out how to get an image in the "Featured Video" block so it's not a grey box.

Thank You!

Hi jmscga,

Try with the following code:

Code: Select all

#gk-main-menu {
   background: #aaa;
   padding: 0 50px
}


and use your own color and padding values.

Regarding the grey image, please replace this image with your own with the same name:
http://tcballhockey.com/wp-content/them ... ollege.jpg
It's the easiest way.

Thanks Piotr,

Replacing that image worked, but using the code in the override.css file did not seem to have impacted our main menu. I did make sure that the override is enabled. Thoughts?

but your override.css file is empty:
http://tcballhockey.com/wp-content/them ... ss?ver=4.0

There's only a comment, please add the code through the FTP client, save the file and maybe refresh you cache if you have some cache plugins activated.

It must have been a cache issue, its working now. Thanks again for the great support.