Move Quantity Selector Above Add To Cart

Solved
KrisG2
Excursionist
29 1 14

Hi everyone,

I've scoured the forum but can't find the right solution for my store.

I just want to move my quantity selector button so it's above my add to cart button. Do I add any CSS coding for this, or do I have to move coding around to make it appear there?

Link to store: https://thebespokesignhouse.com/collections/engraved-honed-slate/products/engraved-honed-slate

Any help appreciated!

Many thanks,

Kris

dmwwebartisan
Shopify Partner
7435 1764 2363

@KrisG2 

Which theme you are using?

If helpful then please Like and Accept Solution | Email: dmw.webartisan@gmail.com | Instagram: @dmw.webartisan
Check here PageFly App to customize your pages | Bag is a cart drawer that maximizes your sales. View app →
0 Likes
KetanKumar
Shopify Partner
20648 2141 7816

@KrisG2 

do you mean like this?

KetanKumar_0-1624678794264.png

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KrisG2
Excursionist
29 1 14

Hi @dmwwebartisan 

I'm using the Envy Theme - I hope that helps!

Thanks,

Kris

0 Likes
KrisG2
Excursionist
29 1 14

Hi @KetanKumar 

Yes! Exactly like that. Could you let me know the code you used and the file it's for?

Many thanks for your help!

0 Likes
KetanKumar
Shopify Partner
20648 2141 7816

This is an accepted solution.

@KrisG2 

thanks for confirm yes please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-product.min.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

.shopify-product-form .row {flex-direction: column-reverse;}
.shopify-product-form .row .quantity-controls__outer {margin-top: -145px;margin-bottom: 70px;}
a#purchase, button#purchase, input#purchase {margin-top: 60px;}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
KrisG2
Excursionist
29 1 14

Thank you very much for your time and help @KetanKumar 

KetanKumar
Shopify Partner
20648 2141 7816

@KrisG2 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing