move qty button next to add to cart button on turbo Portland theme

Shopify Discussion
1

hello guys. I use a turbo Portland theme and I want to move the qty button next to add to cart button. can someone help me please?

IMG_2887.jpg
IMG_2887.jpg1582×2109 499 KB

1 Like
2

Hi @panda007

Can I give a try? Would you mind to share your Store URL website? with password if its protected. Thanks!

3

https://serenityfinds.com/ i dont have a password

4

Hello @panda007 ,

I have looked through your site code and by making small changes in your code you can display the qty button & add to cart button in one row.

You have to firstly change the CSS code related to this section

.smart-payment-button–false .purchase-details {
align-items: flex-start;
padding-bottom: 40px;
}

As you can see, when you change this code in your .css file it will look like this https://prnt.sc/LSw0VZQfBEiv

However, if you want to display the qty button perfectly align with Add to cart button, for this you have to remove … tag in your HTML code https://prnt.sc/kvUqMrzPW1k5

After removing output will look like this https://prnt.sc/67m-FYEIOu5N

The above mentioned tag you can search & delete from the main-product.liquid file.

I hope it helps.

Please let me know if you need any further assistance.

Thank you.