Hello, I am looking to make the varients full width on mobile to match the add-to-cart length. I’m also looking to turn the background of the chosen variant black. I have attached my current and a mock-up of what i am after.
Current code for width is:
@media only screen and (max-width: 749px) { .variant-input-wrap label { padding: 9px 32px; font-size: 15px; } }
Thankyou in advanced
Welcome to the Shopify community!
Thanks for your good question.
Please share your store URL.
So that I will check and let you know the exact solution here.
Hey @Logan5 ,
Welcome to the Shopify community!
Please share your store URL.
So that I will check and let you know the exact solution here.
Raman
Return Prime
Hey @Logan5 ,
You can try follow the instruction below:
@media only screen and (max-width: 749px) {
.variant-input {display: block;}
.variant-input-wrap label {width: 100%;}
}
If you feel like my answer is helpful, please mark it as a solution. Let me know if you have any further questions.
Thank you!
Hey @Logan5 ,
You can try below code:
@media only screen and (max-width: 749px) {
.variant-input {display: block;}
.variant-input-wrap label {width: 100%;}
.variant-input-wrap input[type=radio]:checked+label {
background: #000000;
color: #fff;
}
}
If you feel like my answer is helpful, please mark it as a solution. Let me know if you have any further questions.
Thank you!
Raman
