Change theme colour for mobile (at the top)

vinceecom
Tourist
14 0 3
 ‎05-12-2024 04:10 PM
 

Guys whenever I change the atc colour (impulse theme), it changes the top colour aswell on mobile, how can I make it so that my atc stays this colour and the top becomes black?

 

My website is chantal-utrecht.nl

Replies 5 (5)

AnneLuo
Shopify Partner
507 104 98

You can try this code by following these steps:
Step 1: Go to the online store ->Theme ->Edit Code.
Step 2: Add the code below to the theme.css file.

 

 

@media (max-width: 767px) {
  .btn.btn--full.add-to-cart{
     background-color: #de2626;
  }
}

 

 

After modification:

AnneLuo_0-1715819698066.png

 


Hopefully it will help you. If yes then Please don't forget hit Like and Mark it as solution!

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
vinceecom
Tourist
14 0 3

No I mean I want to keep the atc colour, but on mobile the top of the search bar is the same colour of the atc colour, how can I make the top on mobile (I think it is my theme colour) just black? I will send a video IMG_4992.pngIMG_4991.pngIMG_4990.pngof what I mean

AnneLuo
Shopify Partner
507 104 98

Oh, sorry. I misunderstood your needs. Let me check.

If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
AnneLuo
Shopify Partner
507 104 98

Hi. You can change the button color to black, so that the top of the mobile end will be black. Then add the following code to modify the color of the button.

@media (max-width: 767px) {
  .btn.btn--full.add-to-cart{
     background-color: #04b67a !important;
  }
}
If this is helpful, please Like and Accept the solution.
Want to modify or custom changes on store? Let me help.
- Feel free to Email Me   Buy Me A Coffee
vinceecom
Tourist
14 0 3

I did the exact steps but the code did not change the colour of the atc button