WordPress.org

Ready to get started?Download WordPress

Forums

Spun
[resolved] Change only in mobile mode the menu font color (17 posts)

  1. meyerwp
    Member
    Posted 6 months ago #

    Hello,

    Is it possible to change only in mobile mode
    the color font of the menu?

    Thank you for your feedback!

  2. Andrew
    Forum Moderator
    Posted 6 months ago #

  3. meyerwp
    Member
    Posted 6 months ago #

    Thanks a lot to pick this useful information!

    meanwhile I am still a beginner and I don't know what to do
    with it. :-)

    It keeps being a mystery: why on my computer the color of the "menu"
    is white and on my mobile it is dark grey?

    Do you have any clue?

  4. Andrew
    Forum Moderator
    Posted 6 months ago #

    Have you modified the theme to make the colour white?

  5. meyerwp
    Member
    Posted 6 months ago #

    yes I did

    /*change menu color*/
    .main-navigation a {
    color: white;
    display: block;
    text-decoration: none;

  6. Andrew
    Forum Moderator
    Posted 6 months ago #

    It keeps being a mystery: why on my computer the color of the "menu"
    is white and on my mobile it is dark grey?

    So on mobile the menu colour is grey because that's how the theme was designed, and you've modified it to make it white on desktop.

  7. meyerwp
    Member
    Posted 6 months ago #

    yes that's it
    you can see it on your smartphone
    http://www.jeromemeyer.com

  8. Andrew
    Forum Moderator
    Posted 6 months ago #

    You've only targeted the desktop menu when you applied the white styling, not the mobile menu.

    To target both use this instead:

    nav a,
    .menu-toggle {
     color: white;
    }
  9. meyerwp
    Member
    Posted 6 months ago #

    thank you!
    almost there,

    now if you look at it again on you smartphone

    only the "menu" and the two last item of the menu
    "partners" and "education' are in white
    all the rest in between is still in data grey...

  10. Andrew
    Forum Moderator
    Posted 6 months ago #

    Try clearing your browser's cache and seeing if the problem persists

  11. meyerwp
    Member
    Posted 6 months ago #

    the problem persists..

  12. meyerwp
    Member
    Posted 6 months ago #

    hello Andrew,
    does this command
    nav a,
    .menu-toggle {
    color: white;
    }
    also trigger the sub-menu?
    I got the "menu" word in the mobile version but the rest stays in dark grey,
    thank you!

  13. Andrew
    Forum Moderator
    Posted 6 months ago #

    Sorry I can't experience your issue. Does this occur on a particular browser (and browser version)?

  14. meyerwp
    Member
    Posted 6 months ago #

    in iOS safari browser

    here is a screen picture

    http://jeromemeyer.com/wordpress/screen%20menu%20exemple.PNG

  15. meyerwp
    Member
    Posted 6 months ago #

    Dear Andrew,
    I found the issue: when the link is once visited it becomes grey,
    do you know how to diable this on the mobile menu so that when
    it is visited it remains white?
    thank you!

  16. Andrew
    Forum Moderator
    Posted 6 months ago #

    Try:

    nav a,
    nav a:visited,
    .menu-toggle {
     color: white;
    }
  17. meyerwp
    Member
    Posted 6 months ago #

    Fantastic!
    Thank you so much for your help!
    Resolved!

Reply

You must log in to post.

About this Theme

About this Topic

Tags

No tags yet.