! – I think I found the issue. Since phones and tablets ignore the shrinking header, the following won’t work on phones or tablets:

.header-scrolled .logo .subtext {
color: #000 !important;
}

Is there a solution to this problem? It seems it would be fairly easy to have a text based logo that follows the rest of the themes styles and workings.

• This reply was modified 8 years, 3 months ago by pbspence.

Sorry to keep bugging. Any thoughts on the above?

Just saw that Rikards css doesn’t work – I’m trying to get the logo text to change color when it’s scrolled to the sticky header for all screen sizes. For example the ipad now just shows the text black, but it should turn from White in the transparent header to Black in the sticky header. Just like the theme does.

• This reply was modified 8 years, 3 months ago by pbspence.

Thank you!

Works great until you get to the ipad and iphone. Color not change over when resizing to mobile devices.