How can I resize the add to cart button height on both mobile and PC?

Store Design
1

hello folks how can i increase the size of the add to cart button for both mobile n pc i wanna increase like the height not the width because its alr full width

2

Hey @Harsh6 ,

Which pages are you looking to change the button size in? The product page or all pages?

3

Hey, @Harsh6

I’m confident one of our Shopify experts would be able to assist you in increasing the add to card buttons on both mobile/pc at a reasonable price.

Just wanted to share this as an option in case you are unable to find a coding solution in your thread.

4

Hi @Harsh6

Do you mean this button?

Made4uoRibe_0-1706996068609.png

If it is, check this one then.

From your Shopify admin dashboard, click on “Online Store” and then “Themes”.

Find the theme that you want to edit and click on “Actions” and then “Edit code”.

In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

button#corner-sticky-atc-cta-button {
  height: 30px !important;
}
div#corner-sticky-atc-cta_section button#corner-sticky-atc-cta-button {
    align-self: center;
}

And Save.

Result:

Made4uoRibe_2-1706996514163.png

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