Support » Plugin: Fourteen Colors » Submenu font colour not distinct on small screen size

  • Resolved normanfitzgerald


    Firstly, thanks for your plugin.

    I am using these settings for the site my club’s website. :

    Accent colour: #ffc423
    Contrast colour: #000
    Background colour: #fff

    When viewed on a narrow mobile screen the sub menu font colour is not distinct enough against the black background. Is there a way to set the font colour of the sub menu to a lighter colour or to the same as the as the primary menu items (white in this case) ?

Viewing 5 replies - 1 through 5 (of 5 total)
  • Hi, I am having the same issue with black as bg and contrast colour, and any contrast colour I choose within the spring green to gold yellow colours.




    Me too. The plugin is very helpful and greatly extends the applicability of Twenty Fourteen, but the mobile menu is unusable with certain colour combinations. I (would like to) have…

    Accent #b99cc9
    Contrast #3a243d
    Background #f5f5f5

    The menu names on wide screen appear to be white with the currently active page being in the accent colour. Dropdown menu item names are in black(?) with a background in the accent colour.

    However, on a mobile phone screen (and iPad) the dropdown menu items are still in black(?) with a background of the contrast colour rather than the accent colour.

    Hopefully this is an easy fix. (I always say hopefully! 🙂

    Thanks, Alex

    Plugin Author Nick Halsey


    Thanks for the report, I’ve confirmed this. It will happen in the following scenario:
    – Dark contrast color (where the text in the sidebar is still white)
    – Light contrast color (where the main nav menu has dark text on hover)
    (background color is totally independent)

    This should be fixable, it’ll jut take some time to make sure it doesn’t introduce any other bugs. I have a feeling this was introduced when I fixed the same, opposite problem from happening with light contrast colors. It’s probably a matter of moving one line of CSS into a media query (only use on bigger screens). Temporary solution is to use a darker accent color so that the search icon becomes white instead of black (or to override the offending CSS with some custom CSS). But I should be able to push an update fixing this in the next few days.

    Plugin Author Nick Halsey


    Thanks for your effort Nick. That’s works great for me now.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Submenu font colour not distinct on small screen size’ is closed to new replies.