Re: Change Text colour in mobile menu bar

Solved

How to alter mobile menu bar text color in URGE template?

Biancajkd23
Excursionist
13 0 4

Hi, 

I'm using the URGE template and I can't figure out how to change the colour of the text in the menu bar when in mobile mode? It is appearing as black, but the background is also black. (see below) 

Screenshot 2023-10-19 at 3.04.49 pm.png

 

Accepted Solution (1)

PageFly-Richard
Shopify Partner
4661 1068 1725

This is an accepted solution.

Hi @Biancajkd23 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

 

<style>
#menu-drawer * {
color: #fff !important;
}
textarea {
background-color:#fff !important;
}
</style>

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

View solution in original post

Replies 6 (6)

Moeed
Shopify Partner
5426 1468 1753

Hey @Biancajkd23 

 

Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!

 

Best Regards,
Moeed

- Need a Shopify Specialist? Chat on WhatsApp

- Custom Design | Advanced Coding | Store Modifications


Biancajkd23
Excursionist
13 0 4
Biancajkd23
Excursionist
13 0 4

Hi, are you able to help with this one please?

PageFly-Richard
Shopify Partner
4661 1068 1725

This is an accepted solution.

Hi @Biancajkd23 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

 

 

<style>
#menu-drawer * {
color: #fff !important;
}
textarea {
background-color:#fff !important;
}
</style>

 

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.

Biancajkd23
Excursionist
13 0 4

You're amazing! That worked perfectly 🙂 Thank you

PageFly-Richard
Shopify Partner
4661 1068 1725

Glad that i can help. Let me know if you have any questions

Please let me know if it works by giving it a Like or marking it as a solution!


➜ Optimize your Shopify store with PageFly Page Builder (Free plan available) 


All features are available from Free plan. Live Chat Support is available 24/7.