What's your biggest current challenge? Have your say in Community Polls along the right column.

Re: Change font color dropdown menu on mobile (broadcast theme)

Solved

Change font color dropdown menu on mobile (broadcast theme)

TimTakeTwo
Excursionist
28 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
6369 1725 2088

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


View solution in original post

Replies 4 (4)

Moeed
Shopify Partner
6369 1725 2088

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


TimTakeTwo
Excursionist
28 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
6369 1725 2088

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 Specialist? Chat on WhatsApp

- Get a quick Shopify quote – Click here!

- Boost Your Sales with Affiliate Marketing - UpPromote: Affiliate & Referral


TimTakeTwo
Excursionist
28 0 6

Awesome. Thank you.!