Support » Fixing WordPress » How to change font colour i dropdown menu in mobile view?

  • Resolved boppar

    (@boppar)


    I need to change the font colour on dropdown menu in mobile view.
    I’ve tried lots of codes I found in the forum, but none works.

    Storefront. Site: https://ibb.co/Zf94Pdy

    Anybody knows how to change the font colour?

Viewing 7 replies - 1 through 7 (of 7 total)
  • Thread Starter boppar

    (@boppar)

    Note: Only want to change the font color in the main menu of the mobile menu. I don’t want to change the font colour in mobile submenu.

    Vlad T

    (@vladytimy)

    Hi, @boppar

    Please note that replying to your own topic before someone replies decreases the chances someone will reply, because the way forums works now doing so, will get your topic out of the “No replies” view – the one most volunteers here go to.

    I see you’re making progress with your website. 🙂

    To change the color of the main mobile menu add this in Dashboard – Appereance – Customize – Additional CSS in the Customizer

    @media screen and (max-width:768px){
        .handheld-navigation > ul > li > a {color:#fff;}
    }

    Hope this helps,
    Kind regards!

    Thread Starter boppar

    (@boppar)

    @vladytimy Hi Vlad.
    I’ll remember that.

    Thanks it worked great.
    In mobile view I have a hover colour working in the main menu. Is it possible to set a hover colour in the submenu as well?

    I noticed when I open a submenu (in mobile view) the header background becomes double. Is that the way it works with WP?
    https://ibb.co/89B5Vpg

    Vlad T

    (@vladytimy)

    Sorry for the late reply.
    First, I see you’re now using the main domain, no longer the subdomain.

    Okay, so in order to set a hover colour in the submenu as well you’ll have to add

    .handheld-navigation  .sub-menu li a:hover {
       background:yellow;
       color:blue;
    
    }

    Where yellow is the background colour and blue the text colour.
    If you test this, you’ll see the text is NOT blue. Why? Because you have several !important previous rules before that will prevent any changes on that.

    I noticed when I open a submenu (in mobile view) the header background becomes double. Is that the way it works with WP?

    No, it’s a bug or something. I see you’ve contacted the theme developers as well and I’m happy they are able to help. They know a lot much more about theme related issues than we, in general forums do. We can only assume, but since they created the theme, they can give better solutions.

    Kind regards.

    Thread Starter boppar

    (@boppar)

    @vladytimy
    Hi Vlad.
    It worked very well. I used your code to change the hovercolour to light grey.

    Yes, as you noticed I went “live” on the main domain.
    Maybe too early as I’m struggling to find a solution for the high cumulative layout shift.
    https://wordpress.org/support/topic/very-high-cumulative-layout-shift-on-homepage-i-have-tried-everything/

    Vlad T

    (@vladytimy)

    Maybe too early as I’m struggling to find a solution for the high cumulative layout shift.

    I’m not an expert in CLS, but your overall score is not bad.
    I see Mateo has given you some advices
    Regards!

    Thread Starter boppar

    (@boppar)

    Goodmorning Vlad @vladytimy

    Thanks for being so helpful.

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.