Decreasing the size of homepage buttons on banner

[mstaliah]

I am looking for assistance with changing the size of the banner button on the Dawn theme mobile home page. I want to make them smaller and possibly line up better on the page. I’ve provided a picture of the problem. Thank you.

[Moeed]

Hey @mstaliah

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

[Dan-From-Ryviu]

Please drop your store URL so I can provide the solution

[niraj_patel]

Hello @mstaliah
can you share store URL?

[mstaliah]

https://evolvewithmstaliah.com/

[mstaliah]

Hello

https://evolvewithmstaliah.com/

[niraj_patel]

Hello @mstaliah

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.banner__buttons a { min-width: 20px !important; }

[mstaliah]

Thank you, unfortunately, it didn’t work..or I’m doing something wrong

[niraj_patel]

Hello @mstaliah

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

.button { min-width: calc(7.5rem+ var(--buttons-border-width) * 2) !important; }

[mstaliah]

Thank you again and I do appreciate your help, unfortunately, the code is not changing the size of the buttons on the mobile display only. I only require the buttons on the phone view to be smaller.