Changing font color on mobile view menu

[user4152]

Hi, sorry for the numerous questions on here.

I’ve managed to change the font color on the menu headings on mobile view, but the shop and arrow button need changing to white also. Could anyone whelp with this please?

Thank you

URL: https://hjif0h-1n.myshopify.com

password: chaube

[Qasim]

Hey @user4152!

In order to change the color of the Shop text & Icon against to it, then you need to follow these steps.

Go to Shopify Admin >> Online Store >> Edit Code >> base.css

In the end of base.css paste the following code that shared below.

#HeaderDrawer-shop {
 color: white;
}

Results:

If you need any other help, then let me know.

Thanks

[Laza_Binaery]

Hi @user4152

YOu can add

    #menu-drawer .link--text {
        color:#fff!important
    }

to place where you already have a mobile menu color. At the end of base.css to look like

@media screen and (max-width: 600px) {
#menu-drawer.menu-drawer ul li a {
color:#fff!important
}

#menu-drawer .link--text {
    color:#fff!important
}

}

[Qasim]

I also found that there is some of the code that you entered through without using the style tag.

Make sure to add this code in the style tag so that it should be working fine.

Cheers

[user4152]

Hi thank you for your help! I’m still very new to this, can I ask what you mean by adding the style tag?

Thank you

[Qasim]

I know that you’re begginerr. It would be chanllenging for you to add a Style tag. But you can definitly add this via the tag shared below.

<style>
\* Your Code here in the Style tag */
</style>

[user4152]

Ok that’s great thank you for your help!

[Laza_Binaery]

Just to add what @Qasim noted, that code is most likely in your theme.liquid
but I see just one

}

at the end