How to fix image banner cropping in Studio Theme on mobile?

[GeeKyuu24]

Hi Team.

How can make the image banner show the image without being cropped and the button should be one line only?

Store: Glowcare.se
PS: Glowcare1991

[David_SHT]

Hi @GeeKyuu24

This is David at SalesHunterThemes.
To make the banner display as you want,

Follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

@media screen and (min-width: 750px){
.banner .banner__buttons {
    margin: 0!Important;
    max-width: 100%;
    width: auto;
}
}

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[GeeKyuu24]

It did not work

[David_SHT]

Hi @GeeKyuu24
Sorry, my mistake

try to replace with this code

@media screen and (max-width: 749px){
.banner .banner__buttons {
    margin: 0!Important;
    max-width: 100%;
    width: auto;
}
}

[GeeKyuu24]

no luck :((

I added the code but still the same, can you check the store on your end?

[David_SHT]

Hi @GeeKyuu24
Follow this image and remove the closing tag

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

David | SalesHunterThemes team

[GeeKyuu24]

thank you but the button doesn’t look great