Solved

How to move quantity selector left from Add to Cart Button - Refresh Theme

flo3393
Excursionist
31 2 5

Hi there,

 

how can i move the quantity selector to left side of the add to cart button. Both should have the same size and "count" naming of quantity selector should not be displayed. I am using refresh theme.

flo3393_0-1713447394905.png

 

 
 
 
 
 
Accepted Solution (1)
Made4uo-Ribe
Shopify Partner
5950 1432 1765

This is an accepted solution.

Yeah, sure this is in the mobile screen right? 

Adding this code in the base.css.

 

@media only screen and (max-width: 749px){
.product-form__buttons {
    max-width: 100%;
}
}

 

And save. 

if not working add !important. 

Result:

Made4uoRibe_0-1713456081379.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


View solution in original post

Replies 8 (8)

techlyser_web
Shopify Partner
1473 274 292

Hello @flo3393 

Can you share store url?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
flo3393
Excursionist
31 2 5

https://www.jamocards.de/products/pokemon-sv1a-triplet-beat-30er-display-japanisch

I have a part done. But the quantitiy selector and add to cart has to be same heigh. Can you have a look?

Made4uo-Ribe
Shopify Partner
5950 1432 1765

Hi @flo3393 

Is this solve? The quantity and the payment button is same height. 

this is for the quantity, 4.5rem

Made4uoRibe_0-1713453390142.png

And the payment button 4.5rem.

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


flo3393
Excursionist
31 2 5

I fixed it i think. Can you have a look that the Add to cart button should be on complete witdh to the right because on some resizings it is not complete witdth?

flo3393_0-1713455323863.png

 

 
 
 
Made4uo-Ribe
Shopify Partner
5950 1432 1765

This is an accepted solution.

Yeah, sure this is in the mobile screen right? 

Adding this code in the base.css.

 

@media only screen and (max-width: 749px){
.product-form__buttons {
    max-width: 100%;
}
}

 

And save. 

if not working add !important. 

Result:

Made4uoRibe_0-1713456081379.png

 

 

Please don't forget to Like and Mark Solution to the post that helped you. Thanks!

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


flo3393
Excursionist
31 2 5

Will try later. Can you have a look on payment icon section as well? In some smaller screen sizes one icon is placed in new line but should be all in one line. 

Made4uo-Ribe
Shopify Partner
5950 1432 1765

That is normal when the screen gets smaller it will squeeze. 

Please don't forget to 

Like

 and 

Mark Solution 

to the post that helped you. Thanks!
Sip, savor, and support – your

Coffee Tip

 helps us keep coding magic.❤️❤️❤️
For FREE, premium codes, and trusted, knowledgeable Shopify developers, visit us at

Made4uo.com


flo3393
Excursionist
31 2 5

Not possible that icons will get a little bit smaller automatically so that they will fit in one line?