How to reduce button padding for dawn banner image

[yvad101]

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 

[devhook]

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

[yvad101]

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

[AvadaCommerce]

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.

[yvad101]

@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 · 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.

[yvad101]

@AvadaCommerce 

That worked. Thank you so much.