Changing menu color on specific page

todd_fooshee · January 2016

I need to change the menu color on this particular page of my site: http://www.anchorfaith.com/heal. I need to change the mobile background color to be the orange that is seen at the top of the page of the desktop version.

Albert · January 2016

Hi,

which color you want to change exactly on mobile? Please show it us on screenshot.

todd_fooshee · February 2016

It's on both the mobile version of the site, and the desktop version. I want to change what is green in the menu, as well as the background green color seen on the mobile site. I just want to do it for this page only.

http://www.anchorfaith.com/igniteimpactinfluence/wp-content/uploads/2016/02/Screen-Shot-01.jpg

http://www.anchorfaith.com/igniteimpactinfluence/wp-content/uploads/2016/02/Screen-Shot_Mobile-01.jpg

Albert · February 2016

Ok. So to change this green color on that page only, you need to use css:

.page-id-5730 #Top_bar #menu { background-color: #000 !important; }
.page-id-5730 #Header a.responsive-menu-toggle:hover { color: #000 !important; }
@media only screen and (max-width: 767px) {
    #Top_bar, #Action_bar { background-color: #000 !important; }
}

todd_fooshee · February 2016

Thank you so much!

Albert · February 2016

You are welcome

Changing menu color on specific page

Comments