How to remove the gray background from the header on mobile

Solved

How to remove the gray background from the header on mobile

CreatorTim
Trailblazer
408 1 55

Hey guys, I want to remove the gray background under the login and currency selector on mobile.

CreatorTim_0-1736976841461.png

 

How can I do that?

 

Here’s my store, so you can check it out: https://1049xn-ya.myshopify.com/

 

Thanks a lot,
Tim

Accepted Solution (1)

DaisyVo
Shopify Partner
3794 412 499

This is an accepted solution.

Hi @CreatorTim 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

@media screen and (max-width: 768px){
details#Details-menu-drawer-container.menu-drawer-container.menu-opening .menu-drawer__utility-links {
    background: white !important;
}
}

 

Here is the result: image_720.png

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution

View solution in original post

Replies 2 (2)

DaisyVo
Shopify Partner
3794 412 499

This is an accepted solution.

Hi @CreatorTim 

 

To complete your requests, please follow these steps:
  1. Go to Shopify Admin > Online Store > Theme > Customize > Theme Settings > Custom CSS https://prnt.sc/i8ljAMlHJUKl
  2. Paste the code provided into the Custom CSS section.

 

@media screen and (max-width: 768px){
details#Details-menu-drawer-container.menu-drawer-container.menu-opening .menu-drawer__utility-links {
    background: white !important;
}
}

 

Here is the result: image_720.png

I hope this helps

 

Best,

 

Daisy

Please let us know if our reply is helpful by giving it a Like or marking it as a Solution!

Avada SEO & Image Optimizer - The #1 SEO solution
CreatorTim
Trailblazer
408 1 55

Thank you! WORKS