Changing colour of 'About' menu text on mobile

[daly]

Hi, I've just started using Laytheme and am really pleased with how easy it is to work with!

There is one thing I've been unable to figure out, which is how to change the colour of our About menu item on mobile. It defaults to black, even though I'm using the 'Desktop Menu Style' setting (on desktop, the text is red). It seems like there isn't a way to edit this in the Customise section? I tested changing it using the CSS tips that I read in another post, and it did change the colour, but then it also changes the menu bar to solid white, whereas I had it set to 0% opacity (i.e. invisible), and I'm not knowledgable enough in CSS to figure out how to fix that.

Any help and advice appreciated!

[edgrbnz]

Any links? 🙃

[daly]

Yes, sorry! It's just a test page for now: http://daly-lyon.co.uk/slideshow

You'll see in mobile viewport that the About text colour switches from Red to Black.

[edgrbnz]

Weird!

There clearly is a #000000 applied to About. I guess it ignores the color set in the settings Customizer → Menu Style → … and falls back to the basic style for the used Text Format.

Did you try to define an additional Text Format for Menus and Site Title with your desired #ff0000?
This way you don’t apply many stylings in the Customizer. You might also get better control how these items behave for mobile – Win Win 💯

Hope that does the trick!

[daly]

Ah of course. So obvious, but I didn't think of that. That has done the trick – thank you so much, and for the quick reply too!

[edgrbnz]

Glad it works! 💐