How can I fix an overlapping quantity selector and buy button?

Store Design

Topic summary

Issue: The quantity selector overlapped the Buy button on the product page.

  • The store URL was shared for review.
  • Fix provided: add a CSS rule in theme.css to set the quantity select wrapper to position: relative (!important). The user confirmed this resolved the overlap.

New request: Add a quantity selector to the add‑to‑cart popup.

  • A screenshot was provided to illustrate the desired UI (image is central to understanding the request).
  • It was explained that this requires theme‑specific custom code (Liquid/HTML/CSS), and a generic snippet couldn’t be given without reviewing the theme structure.
  • Next step agreed: grant collaborator access so the helper can inspect the theme and implement the change. Access was granted.

Outcome/Status:

  • Overlapping UI issue: resolved with a CSS update.
  • Popup enhancement (quantity selector in add‑to‑cart modal): pending review and custom implementation after collaborator access; no code changes have been shared yet, so the task remains open.
Summarized with AI on January 24. AI used: gpt-5.
1

HEY , MY QUANTITY SELECTOR IS OVERLAPPING BUY BUTTON. HOW CAN I ARRANGE IT?

2

Hi @mahasobhi047

This is Mike from Omega

Could you leave your store url (and password) then I can check your issue?

3

https://buy4lessus.com

4

Hi @mahasobhi047

You can try my solution

  1. Open Theme → Edit Code

  2. Open theme.css and paste this code to the bottom of file, and save:

.form-fields--qty .form-field--qty-select .form-field-select-wrapper {
 position: relative !important
}

Hope my answer will help you

Mike from Omega

5

THANK YOU! IT WAS GREAT HELP DEAR.

6

CAN YO HELP IN ONE MORE THING?

7

yes, what do you want to ask?

8

I want to add quantity selector in add to cart pop up

IMG_5878.jpeg
IMG_5878.jpeg3024×4032 2.05 MB

9

Seem you need to add some custom code to your theme?

Do you have any knowledge about coding Liquid and HTML/CSS?

10

a little bit like I can add code appropriately in desired place with proper semitry

11

Sorry, I can not send you the code because I do not know your theme code structure and I can not write the right code for you theme?

Could you add me as collaborator to your store then I can check it?

12

sure whats your email?

13

let me send the collab request to your store

14

ADDED