Navigation menu color & legibility problems

  • Author
    Posts
  • #159433

    freed2016
    Member
    Original poster

    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: freed.org

    #159438

    tarasdashkevych
    Theme Author

    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

    #159456

    freed2016
    Member
    Original poster

    Thank you Taras! I appreciate the advice and the quick response. I went with option 2 and it worked immediately.

    Best,

    Vincent

    #159458

    tarasdashkevych
    Theme Author

    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

The topic ‘Navigation menu color & legibility problems’ is closed to new replies.