Buy Button Width Issue Need Help Fixing It

Shopify Discussion
1

Hi everyone,

I noticed that the “Buy it now” button on my store has had its width cut down, and I’m not sure how this happened. Could someone please suggest a way to fix this? Any help would be greatly appreciated!

Thanks in advance!

getshre_1-1724702950046.png
getshre_1-1724702950046.png560×318 9.9 KB

1 Like
2

Look like a CSS issue, have you changed something or added any app recently?

3

Hey @getshre

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-1724703635567.png
Moeed_0-1724703635567.png774×529 22.3 KB

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

Best Regards,
Moeed

4

Hi @getshre

Check this one.

From you Admin page, go to Online Store > Themes

Select the theme you want to edit

Under the Asset folder, open the main.css(base.css, style.css or theme.css)

Then place the code below at the very bottom of the file.

.buy-buttons--multiple .shopify-payment-button__button {
        height: auto;
    }

And save.

Result:

Made4uoRibe_0-1724705014557.png
Made4uoRibe_0-1724705014557.png634×217 5.85 KB

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

5

Thank you so much it resolved my issue!Really Appreciate it

6

Yes it was essential trust badge app. I’m sure that would have caused issue cuz before this problem wasnt there

7

Appreciate it!

8

Thanks

9

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.