Hey! So I’m costumizing my buttons on product page but I can’t seem to move the ATC button (Agregar al carrito) to be inline with the Buy Now (Comprar ahora) button. I tried using flex, on my theme.css file but I can’t seem to achieve this. The goal is to have them inline in desktop and one below th…

Hey, In your Shopify Admin go to online store > themes > actions > edit code In your theme.liquid file, find the (press CTRL + F or command + F on Mac) paste this code right above the tag:

This looks great! If I’d like to have them also inline on smartphones? I know I must add some media-query lines, but not sure! I’m just starting to learn CSS! Thanks a lot, I appreciate your help.

It works but it seems on mobile the ATC buttons shifts a couple of pixels down, not sure which part is causing that. Other than that, it works like a charm.

can you send a screenshot, please? This is how it’s on my side: [dantepw_0-1596932829207.png]

Sure! How weird it looks nice on your side! Here’s mine. It’s just a tiny bit: [capt2.JPG]

Chrome 84 on desktop and safari on mobile.

Oh, yeah, Safari ought to look different, especially if it’s not one of the latest iPhones. To fix this issue specifically for Safari would be a bit trickier, it’d require creating a media query for Safari only and then re-align it using position:relative; and top

Thanks a lot! I’ll look into that. Still, it looks pretty awesome as it is now, thks!

you’re welcome! wishing you a good weekend

I can't seem to place my 'add to cart button' inline with 'buy now' on product page. Debut Theme

Store Design

diego_ezfy August 9, 2020, 12:27am 6

can you send a screenshot, please? This is how it’s on my side:

Topic		Replies	Views
Making Add to cart and Buy it now button in Product info appear in the same line (Pic included) Store Design design	5	26	November 18, 2022
Change the format of elements on product page Store Design design , css , shopify-themes , html , product-page	7	45	May 23, 2024
How can I move the 'Add to cart button' and the 'Buy now (paypal/apple pay)' next to each other? Store Design design , customizations , css , html	8	35	January 18, 2024
Buy now button turbo theme misplaced and not aligned with add to cart button anymore Store Design	13	75	September 7, 2023
trying to put Buy Now button in the same line with Add To Cart button Store Design product-page	12	89	August 26, 2024

I can't seem to place my 'add to cart button' inline with 'buy now' on product page. Debut Theme

Related topics