Navigation menu color & legibility problems
- The topic ‘Navigation menu color & legibility problems’ is closed to new replies.
Need help? Check out our Support site, then
Hello,
I have main menu buttons the top of my website that are set in white text. However, when I scroll down the page, a white horizontal box appears and the menu text becomes illegible as a result of the white on white. Is there a way to fix this problem? I’d be fine with eliminating that horizontal white rectangle completely, or simply adjusting its color.
Here is a link to my website: https://freed.org
Thank you for your support!
Vincent
The blog I need help with is: (visible only to logged in users)
Hello Vincent,
It seems like this issue is caused by the Custom Colors cache. When custom colors are set, WordPress.com saves/caches a custom CSS in order to display these custom colors on the site. It’s done for performance reasons.
This cache updates every time a color option is saved in the Customizer. So there are two ways to fix it:
1: Use a custom CSS:
#masthead.scroll-header,
#masthead.scroll-header a {
color: #333333;
}
2: Update your custom colors in the Customizer. You can use the same colors. We just need to trigger a save functionality for the custom colors which will update the cache.
I would recommend to update custom colors, so we can avoid adding extra CSS.
Please let me know if you have any additional questions.
Kind regards,
Taras
Thank you Taras! I appreciate the advice and the quick response. I went with option 2 and it worked immediately.
Best,
Vincent
You are welcome, Vincent! Feel free to open a new thread in this forum if you’ll have any other questions regarding the theme.
Kind regards,
Taras