WordPress.org

Forums

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

  1. meyerwp
    Member
    Posted 1 year 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 1 year ago #

  3. meyerwp
    Member
    Posted 1 year 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 1 year ago #

    Have you modified the theme to make the colour white?

  5. meyerwp
    Member
    Posted 1 year ago #

    yes I did

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

  6. Andrew
    Forum moderator
    Posted 1 year 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 1 year ago #

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

  8. Andrew
    Forum moderator
    Posted 1 year 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 1 year 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 1 year ago #

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

  11. meyerwp
    Member
    Posted 1 year ago #

    the problem persists..

  12. meyerwp
    Member
    Posted 1 year 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 1 year ago #

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

  14. meyerwp
    Member
    Posted 1 year ago #

    in iOS safari browser

    here is a screen picture

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

  15. meyerwp
    Member
    Posted 1 year 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 1 year ago #

    Try:

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

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

Topic Closed

This topic has been closed to new replies.

About this Theme

About this Topic

Tags

No tags yet.