How can I alter the variant button color on mobile?

Store Design
1

Hey Guys,

I want to change the coloring of the variant buttons. Using this css code it changes it for desktop:

.product-form__input input[type=radio]:checked+label {
background: #1a73c7 !important;
}

but on mobile the buttons are still black.

The domain is: printnotes.de password: 1

Thanks in advance,

best regards

2

Hello @Heinrich123

You can try this code: it will be helpful to you

Go to the Online Store->Theme->Edit code->Assets->base.css>Add this code at the bottom.

@media only screen and (max-width: 600px){
.product-form__input input[type=radio]:checked+label {
    background: #1a73c7 !important;
}
}
3

**Hi @Heinrich123 **

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,

Makka

3 Likes
4

Thank you my friend!

1 Like
5

Thank you so much. This solved it

6

Hey Makka, been a long time since you answered this question, but I´m having the exact same issue and even after trying your code the issue presists. Do you think yoiu could help me out please?

7

Hi @Caldeira ,

You can private message me with the Store URL and i will let you know the solution as per the theme.