HELP With Color Changes

Solved
diydesigners
Excursionist
42 0 14

Hello Shopify Community! I need your help again. The pop-up menu on my mobile format looks horrible. I want to remove the Email address and the search bar and change the color of the background.

thediydesigners.myshopify.com

Also in the second image, the background of the currency selector is black and I want to change it to white. Thanks, Shopify community you are my only hope!

 

Desktop Screenshot 2021.07.07 - 22.03.12.35.pngDesktop Screenshot 2021.07.07 - 22.03.40.67.png

0 Likes
Pallavi
Shopify Expert
2190 356 468

Hello There,

1. In your Shopify Admin go to online store > themes > actions > edit code
2. Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){

div#myNav .overlay-content p:nth-child(2) {
display: none;
}

div#myNav {
background-color: white !important;
}
a.closebtn {
color: black !important;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
0 Likes
Natztech
Shopify Partner
1332 370 906

This is an accepted solution.

hello @diydesigners 

please Go to Online Store->Theme->Edit code then go to assets/theme.css ->paste below code at the bottom of the file.

 

.currencies.dsk-only .currencies{
  background: #ffffff !important;
  }

@media screen and (max-width: 749px){
#myNav .overlay-content >p{
  display:none;
  }
#myNav{
background-color: #ffffff !important;
}
a.closebtn {
color: black !important;
}
  #myNav  form.search{
     display:none;
 } 
}

 

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
diydesigners
Excursionist
42 0 14

Thanks so much!

0 Likes