Shopify themes, liquid, logos, and UX
Does anyone know how I can modify this css so I can have a larger variant box on a desktop compared to a mobile device?
select#variation_custom_btn {
width: auto !important;
max-width: 195px !important;
}
Solved! Go to the solution
This is an accepted solution.
Thanks for the info,check this one.
Adjust your code.
select#variation_custom_btn {
width: 100% !important;
max-width: 100% !important;
}
.stockDeatil.varaints-sec div {
flex-grow: 1;
}
And Save.
Result:
If you like lesser width. Adjust the width: only.
This is an accepted solution.
Hi @TDDFC
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.stockDeatil
select#variation_custom_btn {
width: 100% !important;
max-width: 100% !important;
}
.stockDeatil.varaints-sec {
display: block !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Could you share with me the url page?
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
This is an accepted solution.
Hi @TDDFC
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file -> Save
.stockDeatil
select#variation_custom_btn {
width: 100% !important;
max-width: 100% !important;
}
.stockDeatil.varaints-sec {
display: block !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly
Please let me know if it works by giving it a Like or marking it as a solution!
PageFly - #1 Page Builder for Shopify merchants.
All features are available from Free plan. Live Chat Support is available 24/7.
Hi @TDDFC
Would you mind to share your sotre URL? Thanks!
This is an accepted solution.
Thanks for the info,check this one.
Adjust your code.
select#variation_custom_btn {
width: 100% !important;
max-width: 100% !important;
}
.stockDeatil.varaints-sec div {
flex-grow: 1;
}
And Save.
Result:
If you like lesser width. Adjust the width: only.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025