Hey,
I have just added a new app and it has changed the layout of my desktop. I need the buy button to stretch to fit. Can anyone help with this?
Topic summary
A user encountered a layout issue after installing a new app: the buy button on their product page wasn’t stretching to full width on desktop. The store URL provided was urbanist-kobenhavn.dk.
Solutions provided:
- Primary fix: Add CSS code to base.css file setting
.product-form__buttonstomax-width: 100% !important - Alternative approach: Insert code into theme.liquid file above the
</head>tag
Follow-up request:
The user asked how to make the add-to-cart button and variant pills match the same corner radius styling.
Additional solution:
CSS code was provided targeting .product-form__input input[type=radio]+label and .product-form__buttons .product-form__submit with border-radius: 10px !important
Resolution: Both issues were successfully resolved. The user confirmed the solutions worked and expressed appreciation.
Hi @44brands
Could you please provide your Store URL and, if applicable, the Password too? Your cooperation is greatly appreciated!
Best Regards,
Sahil
@44brands Please send me store url.
Hi @44brands
Please add this code at the bottom of your base.css file in Online store > Themes > Edit code
.product-form__buttons { max-width: 100% !important; }
1 Like
Hi @44brands
This is Noah from PageFly - Shopify Page Builder App
Please add this code to your theme.liquid above the to get this solved
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: click on theme.liquid and paste the code above the
Hope this can help you solve the issue
Best regards,
Noah | PageFly
1 Like
That works great, thanks a bunch!
I have one more question. How do I make the add to cart button and pill variants look similar to the same corner radius as the one above the add to cart?
Please add this code to do that
.product-form__input input[type=radio]+label,
.product-form__buttons .product-form__submit { border-radius: 10px !important; }
1 Like
Thanks so much! We really appreciate.
You are very welcome