Add to cart and buy buttons aligment

Solved
Highlighted
Excursionist
19 0 6

Hello,

I just saw that on my store add to cart and buy with paypal options look like this: 

1.png

How can I align them to be on top of each other ? This happened when I changed the size of the product pictures on the store to small.

Thanks.

0 Likes
Highlighted
New Member
3 0 0

Under product pages - Settings - Add to cart button select button size to Large. This should fix it.

0 Likes
Highlighted
Shopify Partner
273 39 44

Hi @Petya 

What's your store URL?

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
0 Likes
Highlighted
Excursionist
19 0 6

Hi,

URL https://www.thetoysisland.com

theme Debut

0 Likes
Highlighted
Shopify Partner
273 39 44

This is an accepted solution.

Add this piece of code at the bottom of your theme.scss file

@media only screen and (min-width: 990px) {
  .product-single--small-media .product-form__item--payment-button, .product-single--full-media .product-form__item--payment-button {
    display: inline-block;
    max-width: 500px;
  }
}

 

Get help with your Shopify store that you are looking for.
Shoot me an email: denis@thewebave.com
https://thewebave.com/
Highlighted
Excursionist
19 0 6

That did it. Thanks.

0 Likes
Highlighted
New Member
2 0 0

8F36097E-774B-41DC-A53B-6E483CF7969E.png

This happens when you say add to cart, it’s looks so bad, how do I fix it,in Debut help please

0 Likes