Dawn Theme V12 - Automatically Resize The Banner When On Mobile So The Ends Are Not Cut Off

[wavefit]

Trying Automatically Resize The Banner When On Mobile So The Ends Are Not Cut Off - Using Dawn Theme V12

[Dan-From-Ryviu]

Hi @wavefit 

Could you drop your store link?

[wavefit]

Hi Dan,

I could though it is not published yet. I am currently migrating from debut theme to Dawn. 

Not sure if that changes anything?

Cheers

[Dan-From-Ryviu]

Please give me your dawn them preview and password protected to view so I can provide the code make banner fit on mobile and desktop 

[wavefit]

https://wavefit.co.nz/?_ab=0&_fd=0&_sc=1

there is no password though

thanks

[Dan-From-Ryviu]

Hi, @wavefit 

You must get share link from here. The link you provided still open in Debut theme

[wavefit]

https://la5q2yw0epuwf389-4273045613.shopifypreview.com

Got it! Thanks a lot

[Dan-From-Ryviu · Accepted solution]

Go to your Online store > Themes > Dawn > Edit code > open base.css and add this to the bottom of file and save and then check if it ok?

.banner__media img { object-fit: contain !important; }
@media screen and (max-width: 749px) {
.banner--large:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 22rem !important;
}
}

[wavefit]

Awesome!! You saved my day.

It works

Thanks a lot

[Dan-From-Ryviu]

Happy I could help!