Changing colour of 'About' menu text on mobile
-
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!
-
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.
-
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!
Before you post:
- When using a WordPress Cache plugin, disable it or clear your cache.
- Update Lay Theme and all Lay Theme Addons
- Disable all Plugins
- Go to Lay Options → Custom CSS & HTML, click "Turn Off All Custom Code", click "Save Changes"
This often solves issues you might run into
When you post:
- Post a link to where the problem is
- Does the problem happen on Chrome, Firefox, Safari or iPhone or Android?
- If the problem is difficult to explain, post screenshots / link to a video to explain it