Fourteen Colors
[resolved] Submenu font colour not distinct on small screen size (6 posts)

  1. normanfitzgerald
    Posted 1 year ago #

    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) ?


  2. gruffalos
    Posted 1 year ago #

    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.

  3. AlexHendersonGeordieSoft
    Posted 1 year ago #


    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

  4. Nick Halsey
    Plugin Author

    Posted 1 year ago #

    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.

  5. Nick Halsey
    Plugin Author

    Posted 1 year ago #

  6. normanfitzgerald
    Posted 1 year ago #

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic