why is the quick add button scrunching up?

[Tompkin]

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

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

[Moeed · Accepted solution]

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 </body> tag

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

RESULT:

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

Best Regards,
Moeed

[Tompkin]

thanks a lot for this!

[Moeed]

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.

[syedsumaimaly]

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 </body> tag

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

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