Change the colour of the navigation menu background in mobile view

This topic contains 7 replies, has 2 voices, and was last updated by  Kor 4 years, 7 months ago.

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
  • Author
    Posts
  • #539310

    Bianca Smith
    Expired Member
    Post count: 20

    I’m trying to change the background colour of the navigation menu in mobile view, is this possible?

    Thanks

    #539330

    Kor
    Moderator
    Post count: 16516

    Hi Bianca Smith,

    Thanks for your post. You can do this with Custom CSS code. Which colour do you prefer and share your Website URL here in question.

    #539341

    Bianca Smith
    Expired Member
    Post count: 20
    This reply has been marked as private.
    #539348

    Kor
    Moderator
    Post count: 16516

    Hi Bianca,

    Thanks for your reply. Insert the custom CSS code below into WP > Appearance > Customize > Additional CSS.

    nav#mm-primary-nav {background:#02d1bd;}
    #539350

    Bianca Smith
    Expired Member
    Post count: 20

    Hi Kor, I have added this but it doesn’t seem to be changing the colour. I already have some custom CSS in there, am I to place it just on the line below?

    #539351

    Kor
    Moderator
    Post count: 16516

    Hi Bianca,

    Thanks for your reply. I’ve corrected it for you and could you please check now?

    #539355

    Bianca Smith
    Expired Member
    Post count: 20

    Thats great! thank you 😀

    Sorry to be a pain is there a way to make the letters more visible, like pure white, bold and caps?

    #539428

    Kor
    Moderator
    Post count: 16516

    Hi Bianca,

    Thanks for your reply. You can use the custom CSS code below.

    .mm-list>li>a, .mm-list>li>span {
        color: #fff;
        font-size:17px;
        font-weight:bold;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

We have moved to a support ticketing system and our forums are now closed.

Open Support Ticket
20% Discount Offer
Hurry! Get your 20% discount before it expires. Get 20% Discount