Decreasing the size of homepage buttons on banner

mstaliah
New Member
5 0 0

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.

Replies 9 (9)

Moeed
Shopify Partner
3542 892 1107

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

Need a Shopify developer? Chat on WhatsApp


- For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
- Your Coffee Tip and my code, A perfect blend. ❤️
Canva to Shopify in clicks - Free App

Dan-From-Ryviu
Shopify Partner
6978 1320 1344

Please drop your store URL so I can provide the solution

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

mstaliah
New Member
5 0 0

techlyser_web
Shopify Partner
1089 210 223

Hello @mstaliah 
can you share store URL?

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
mstaliah
New Member
5 0 0
techlyser_web
Shopify Partner
1089 210 223

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 </body> on theme.liquid


<style>

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

</style>

techlyser_web_0-1705083199836.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
mstaliah
New Member
5 0 0

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

techlyser_web
Shopify Partner
1089 210 223

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 </body> on theme.liquid


<style>

    .button {    

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

</style>

techlyser_web_0-1705144447195.png

 

Techlyser || Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
mstaliah
New Member
5 0 0

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.