Happening now! Shopify Community AMA: PayPal Express Migration to Shopify Payments | Ask your questions to be answered by our team.

Re: How to Change Color For Dropdown Menu On Header To White on Mobile - Dawn Theme

Solved

How to Change Color For Dropdown Menu On Header To White on Mobile - Dawn Theme

Jacobsladdr
Excursionist
29 0 5

Hi I just want to make my dropdown menu from my header to be white I do not like the color I have and have tried to play with it but it changes the header color too. I need help! Thank you! really just need the issue resolved for mobile...

 

Screen Shot 2023-07-05 at 9.21.14 PM.png

 

 

Accepted Solution (1)
suyash1
Shopify Partner
9985 1240 1578

This is an accepted solution.

@Jacobsladdr - add this css to the very end of your base.css file and check, should look like the screenshot below

@media screen and (max-width:749px){
#menu-drawer{background-color: #fff;}
}

 

suyash1_0-1688612268003.png

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.

View solution in original post

Replies 15 (15)

suyash1
Shopify Partner
9985 1240 1578

@Jacobsladdr - you want to change from grey background to white? can you please share this page link?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

My store is believersbrigade.com password meatri

suyash1
Shopify Partner
9985 1240 1578

@Jacobsladdr - do you want like this? the issue is with your logo, which has grey background, either make logo without background or keep background white so it looks good

suyash1_2-1688611625609.png

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

Yes but I don't want to change my header color just the dropdown if thats not possible how would I do this?

suyash1
Shopify Partner
9985 1240 1578

@Jacobsladdr - do you mean the text color of shop? or that arrow? what exactly do you mean by drop down?

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

No what you had with the example expect I want the header to still be that gray and when you click the menu option on mobile I want that background to be white

suyash1
Shopify Partner
9985 1240 1578

This is an accepted solution.

@Jacobsladdr - add this css to the very end of your base.css file and check, should look like the screenshot below

@media screen and (max-width:749px){
#menu-drawer{background-color: #fff;}
}

 

suyash1_0-1688612268003.png

 

 

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

will this work for strictly mobile?

suyash1
Shopify Partner
9985 1240 1578

@Jacobsladdr = yes it is for mobile only

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

Thank you!

suyash1
Shopify Partner
9985 1240 1578

@Jacobsladdr - welcome, do let me know if you need anything else, you have my email below

Amazing chess game | To build shopify pages use PAGEFLY | Contact me - suyash.patankar@gmail.com , My timezone is GMT+5:30.
Jacobsladdr
Excursionist
29 0 5

Hey I just sent you an email there is a problem that came up with the sub menu and that needs to be white too heres a photo... needs to be on mobile in case you forgot. Store details are in the discussion. 

 

Screen Shot 2023-07-05 at 11.01.38 PM.png

Jacobsladdr
Excursionist
29 0 5

The background in the dropdown from the header is my main header color I want to change it on mobile specifically so it is white when I click the dropdown menu from my header. I understand on desktop the menu will be in my header. 

Jacobsladdr
Excursionist
29 0 5

Hi thank you for the help! Could you help me out a bit more specifically with locating the class id. My store link is believersbrigade.com password meatri

Jacobsladdr
Excursionist
29 0 5

Hi i need this for specifically mobile.. I want to change it on mobile specifically so it is white when I click the dropdown menu from my header. I understand on desktop the menu will be in my header.