Reduce width of Add-to-Cart button on Home/Collection page

Store Design
, , ,
1

Hello,

The width of my ATC buttons on my Home page and Collection page is too wide and I have been trying to reduce it with no avail. Tried the other solutions posted in other threads but it ends up adjusting the ATC buttons’ width on my individual Product Pages which are fine in the first place. I’m currently using the Dawn Theme (version 15.1.0). Please see below the screenshot(s) of the issue:

Home page - Collection page -

CTA width problem #1.png
CTA width problem #1.png1521×753 117 KB

CTA width problem #2.png
CTA width problem #2.png1497×736 115 KB

Thank you in advance!

2

Hi Ayeron,

I hope this message finds you well! I can do the adjustments to the Add to Cart (ATC) buttons on the Home and Collection pages of your website.

By implemented a custom CSS solution that specifically targets the button widths on these pages, allowing us to reduce their size without affecting the buttons on individual product pages, which will remain as they are.

Here’s what I can do:

  • Added custom CSS to adjust the width of the ATC buttons on the Home and Collection pages to ensure a more streamlined appearance.
  • This change will help enhance the user experience without impacting the design on the product detail pages.

You should see the new button sizes reflected on the Home and Collection pages. If you have any specific dimensions in mind or further adjustments you’d like to discuss, please let me know!

I look forward to connect with you. You can also share your Shopify store URL and password so i can do the changes for you.

Best regards,

Maheshiro

1 Like
3

Hello @Ayeron
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

4

Hi @Ayeron , kindly provide your store URL please. Thanks

5

Hi Tech_Coding,

Thank you for reaching out. Unfortunately, as per my company policy we cannot give out my store password atm. Is there any other way I can help you better understand my problem?

6

Hi Sangeetanahar,

Thank you for reaching out. Unfortunately, as per my company policy we cannot give out my store password as the website is not live and password-protected atm. Is there any other way I can help you better understand my problem?

7

Hi Websensepro,

Thank you for reaching out. Unfortunately, as per my company policy we cannot give out my store password as the website is not live and password-protected atm. Is there any other way I can help you better understand my problem?