Help – Altitude Pro Responsive Menu

[AHereld]

"Default" header menu is fine. I changed the color from black to white. Looks good on PC and mobile. "Scrolled" header shrinks and turns white like it's supposed to, but now the sub-menu text items on PC are dark. I want them to be white.

Mobile sub-menu is all jacked up. Text is white, and I want them to be black.

I've been messing around with this for so long, I don't even know what I'm looking at anymore. 🙁

http://www.anthonyhereld.com/

[Victor Font]

Use a mobile test site like this one: http://semalt.design/

Turn the proxy off at the top of the second page. You'll be able to use your browser inspect tool to pinpoint the actual CSS in your theme that's causing the issues.

---

Regards,

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

[AHereld]

Thanks, that was definitely helpful...but I'm just not seeing in the code where to change the font color. I used "Inspect" on the sub-menu items but there's nothing.

[AHereld]

.front-page .genesis-nav-menu .sub-menu a {
color: #fff;
}

I don't understand why this isn't working?

[Bug]

Did you try going into your style sheet, line 2163, and specify the font color for smaller screens?

@media only screen and (max-width: 800px) {
.front-page .site-header .genesis-nav-menu a {
color: #000;
}
It works when I try it.

[AHereld]

Yes, that worked for mobile, thank you.

However, on PC, my sub-menus are still dark text instead of white.

[Bug]

What browser are you using? The submenus are white text within black background on my pc, both Chrome and Firefox.

[AHereld]

On desktop:

Yes, initially they are white, but when you scroll down the page and go back to the menu, then they are still dark.

[Bug]

Add this to your CSS. It should have been under line 1232.

.front-page .site-header.dark .sub-menu a{
color: #fff;
}

Let me know if that works.

[AHereld]

That did the trick, thank you very much!

[Author]

Posts