Solved

Change font color dropdown menu on mobile (broadcast theme)

TimTakeTwo
Excursionist
25 0 6

Hello,

 

On desktop I am using white font for my drop down menu but i can't seem to change the font color for mobile drop down. I would like to make it white

 

TimTakeTwo_0-1704135311483.png

 

Could someone please help?

 

Thank you.

Accepted Solution (1)
Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @TimTakeTwo 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.sliderow__title {
    color: white !important;
}
button.drawer__close {
    color: white !important;
}
</style>

RESULT:

Moeed_0-1704137592898.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
3531 890 1106

Hey @TimTakeTwo 

 

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
TimTakeTwo
Excursionist
25 0 6

Hi Moeed,

 

Thank you so much for getting back to me.

 

our website name is https://taketwojewelry.com/

 

Also do you also know any way to change the menu text underline offset distance?

 

underline for the menu items are way down compared to the cart underline. not sure how to make them equal...

 

TimTakeTwo_0-1704136906423.png

TimTakeTwo_1-1704136922285.png

 

Thank you so much in advance.

Moeed
Shopify Partner
3531 890 1106

This is an accepted solution.

Hey @TimTakeTwo 

 

Follow these Steps:

1) Go to Online Store
2) Edit Code
3) Find theme.liquid file

4) Add the following code in the bottom of the file above </body> tag

<style>
.sliderow__title {
    color: white !important;
}
button.drawer__close {
    color: white !important;
}
</style>

RESULT:

Moeed_0-1704137592898.png

 

If I managed to help you then, don't forget to Like it and Mark it as Solution!

 

Best Regards,
Moeed

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App
TimTakeTwo
Excursionist
25 0 6

Awesome. Thank you.!