Move quanity selector beside "add to cart" button

Topic summary

A user seeks to reposition the quantity selector next to the “add to cart” button on their ELLA theme store.

Solution Provided:

  • A support representative shares custom CSS/JavaScript code to be added to the theme.liquid file before the closing tag.
  • The code successfully moves the quantity selector on desktop.

Outstanding Issues:

  • The quantity selector box and add to cart button have mismatched widths/lengths that need adjustment.
  • The modification only works on desktop (PC) and does not apply to mobile devices.

The discussion remains open with the user awaiting further guidance on fixing the alignment and mobile responsiveness issues.

Summarized with AI on November 21. AI used: claude-sonnet-4-5-20250929.

Hi. I want to move the quantity selector beside add to cart button. I’m using ELLA theme.

How can I do that?

Website: www.intoyoucosmetics.com

Hi @Janethe9810171

You can try this code by following these steps:

Go to Online store => themes => actions => edit code and add this code on file theme.liquid before tag


Hope this answer helps.

Best regards,

Victor | PageFly

Hi Victor! It’s working! However the length of the quantity selector box and the add to cart button length is different, how can I adjust? Secondly, it only works on PC not mobile.

Hi Victor! It’s working! However the length of the quantity selector box and the add to cart button length is different, how can I adjust? Secondly, it only works on PC not mobile.

@PageFly-Victor