Menu Highlighted Background Color on Mobile – How to change?

[jonathonfowler]

Hi!

I noticed that on my mobile device the currently selected menu item background is the same color as the text, making the text unreadable.

An example is here:

Click on the menu 'Photography', then on the drop-down click on 'How to Choose A Photographer'.

Once that page opens click on the menu again 'Photography' and notice that 'How to Choose A Photographer' background color is the same as the text.

How do I change the background of the current page on the menu?

Thank you!

---

Award-winning wedding photographer in Scotland

http://www.jonathon.co

[Porter]

I for the life of me can't figure out where the background is being set, and I've looked quite a bit. I could change it, but without knowing where it's set, that's a tad messy. A quick fix is to change the following:

.epik-darkblue .nav-primary .sub-menu a:hover, .epik-darkblue .nav-secondary .sub-menu a:hover, .epik-darkblue .site-header .sub-menu a:hover, .epik-darkblue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #687C96;
}

That's where the text color is being set, and that blue is very close to the background used. Change that to #ffffff and you'll have the white that the rest uses. You should be able to find that code in style.css, but if not, simply add it, and if the changes don't show up, add !important after, like so:

.epik-darkblue .nav-primary .sub-menu a:hover, .epik-darkblue .nav-secondary .sub-menu a:hover, .epik-darkblue .site-header .sub-menu a:hover, .epik-darkblue .site-header .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a, .epik-darkblue .genesis-nav-menu .sub-menu .current-menu-item > a:hover {
    color: #ffffff !important;
}

---

Buy me a beer? | Try DigitalOcean VPS Hosting

[jonathonfowler]

Hi Porter, thank you very much, that worked just fine!

---

Award-winning wedding photographer in Scotland

[Author]

Posts