How to make smaller buttons and give them next to each other?

Store Design
1

Hello I have a Question How to make smaller buy now and add to cart buttons and give them next to each other?

Szymon9_0-1712425953224.png
Szymon9_0-1712425953224.png1920×900 116 KB

2

Hello @Szymon9

This is Amelia at PageFly - Shopify Advanced Page Builder app.

You can try the following steps I have provided to help you solve the problem you are facing:

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css

Step 3: Add code

.product-form__buttons {
   display: flex !important;
   gap: 20px;
}

.product-form__buttons > button, .product-form__buttons > div {
   width: 50% !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly

3

This works! But I have a question, could you do the same but only for desktop, not for mobile.
I really appreciate your help

4

Hello @Szymon9

If you want to keep it the same on mobile, you can change the above code to my code below

@media (min-width: 768px) {
.product-form__buttons {
   display: flex !important;
   gap: 20px;
}

.product-form__buttons > button, .product-form__buttons > div {
   width: 50% !important;
}
}