why is the quick add button scrunching up?

Store Design
, ,
1

can anyone explain why this is happening or help me fix it?

1.png
1.png1494×300 129 KB

I can place the quick add button on the left under the text and it appears correctly but when I try to move it over to the right it scrunches itself up like this.

site: https://snugtradingcards.myshopify.com/

pw: neiffe

2

Hey @Tompkin

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1696424614405.png
Moeed_0-1696424614405.png1465×889 153 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi @Tompkin

Follow these Steps:
Go to Online Store Edit Code Find theme.liquid file or base.css
Add the following code in the bottom of the file above tag

.card-wrapper .card__content .quick-add__submit { 
    width: 100% !important;
}

syedsumaimaly_0-1696424627917.png
syedsumaimaly_0-1696424627917.png844×342 46.3 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solutions.

4

thanks a lot for this!

5

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.