Resizing add to cart button on refresh theme, but have issue

[Polmond]

Hello shopify community!

I’m basically trying to resize the add to cart button of my store so it’s bigger- using this bit of code, inserting it above in the theme.liquid in the backend

@media (min-width: 1200px){ .productinfo-wrapper .product-form .product-formbuttons{ max-width: 50%; } }

This worked well, and the button was resized for the first product’s button. However, for the second product’s product page’s add to cart button, the button won’t change size no matter what I do. It always stays the same size while the first product’s button will change if I increase or decrease the max width value

The first product was the first product I ever created on shopify, and the second product’s product page was created using a template based off of the first product’s page.

could you please help me figure out why the code doesn’t resize the second product’s add to cart button?

Thank you very much for the time in advance.

[ThePrimeWeb]

Hey @Polmond ,

Can you share the link to your store?

[Polmond]

https://admin.shopify.com/store/c426bc-3/themes/137885974740/editor?previewPath=%2Fproducts%2Fgentlelead-harness

just a rough draft. here is the second product’s product page. as you can see the add to cart button is default size

[ThePrimeWeb]

Hey @Polmond ,

It says the product page doesn’t exist. Have you saved it?

[Polmond]

whoops sorry, i kept it in draft mode. please check again

[ThePrimeWeb]

Hey @Polmond ,

How do you want this resized?

[Polmond]

wait what? did you resize the button for me? thats exactly how i want it to look but it doesnt look like that from my end

[ThePrimeWeb]

That’s odd.

Anyway, you can add this to kind of guarantee it.

Go to your theme’s “Edit Code” Option, then in the search bar type “theme.liquid”
Below the tag “” tag paste the following. Screenshot attached for reference.

Screenshot is for reference only, the correct code to paste is the one shown above.

[Polmond]

thank you! this worked!