Simple CSS Tweak – Change Nav Area on Mobile Workstation Pro

[dg5]

Hi -
Anyone have a simple answer for changing the background color of the main/nav menu area on Workstation Pro on Mobile? Neither CSS Hero or Inspector on Chrome can change this element. This is absurd how hard this simple CSS should be. We want it white and the "menu" to be black. And then when activated we want the nav area to remain white, not black. Please, some one help.

http://quotedstudios.org

[Victor Font]

The color comes from the following in style.css around line 1689:

.menu-toggle:hover, .js .nav-primary, .js nav .genesis-nav-menu .menu-item .sub-menu li a, .js nav .genesis-nav-menu .menu-item .sub-menu li a:hover, .js nav button:hover {
    background-color: #222;
    color: #fff;
}

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[dg5]

Hi -
Thanks for that. Unfortunately the background color nor the text color will not change. Cleared cache, etc. This is baffling.

[Victor Font]

I tested it in Firefox and the CSS above changes the colors. Mobile browsers are notorious for not refreshing style sheets. Use a tool like the Studio Press responsive site and you'll see this works: http://www.studiopress.com/responsive/

---

Regards,

Victor
https://victorfont.com/
Call us toll free: 844-VIC-FONT (842-3668)
Have you requested your free website audit yet?

[Author]

Posts