Change theme colour for mobile (at the top)

[vinceecom]

 ‎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

[AnneLuo]

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:

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

[vinceecom]

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 of what I mean

[AnneLuo]

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

[AnneLuo]

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;
  }
}

[vinceecom]

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