Solved

How to reduce button padding for dawn banner image

yvad101
Excursionist
18 0 11

Hello, i'm trying to reduce the button padding on the image banner on my website when in mobile view. I'm using the dawn theme. Here's the website link:

byrani.com 

Accepted Solution (1)
AvadaCommerce
Shopify Partner
3879 839 964

This is an accepted solution.

Hi @yvad101 ,

 

You can try replace below code:

@media (max-width: 749px) {
.banner__content a.button {
    height: 42px !important;
    min-height: auto !important;
}
.banner__buttons {
    max-width: 220px !important;
}
}

 

Hope it can help you

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned

View solution in original post

Replies 6 (6)

devhook
Shopify Partner
5 1 0

Are you want like this https://prnt.sc/5_VyMUZdQlU_ ?

yvad101
Excursionist
18 0 11

A little bit smaller but yes. Thank you so much for helping.

AvadaCommerce
Shopify Partner
3879 839 964

Hi @yvad101 ,

 

You can follow the instruction below:

1. Go to Online Store->Theme->Edit code
2. Asset->/section-image-banner.css->paste below code at the bottom of the file:

@media (max-width: 749px) {
.banner__content a.button {
    height: 42px !important;
    min-height: auto !important;
}
}

NOTE: You can change 42px to match your theme

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
yvad101
Excursionist
18 0 11

@AvadaCommerce 

I was able to adjust the height but not the width. Could you add a line of code that allows me to do that. 

Thank you.

AvadaCommerce
Shopify Partner
3879 839 964

This is an accepted solution.

Hi @yvad101 ,

 

You can try replace below code:

@media (max-width: 749px) {
.banner__content a.button {
    height: 42px !important;
    min-height: auto !important;
}
.banner__buttons {
    max-width: 220px !important;
}
}

 

Hope it can help you

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any further questions.

banned
yvad101
Excursionist
18 0 11

@AvadaCommerce 

That worked. Thank you so much.