Hi! I am using the Dawn 9.0 theme, but the banner image does not automatically resize on mobile. Instead, the sides of the image and part of the words are cut off. I’d like the banner image to appear the same on both versions.
I have searched the forum and tried several of the solutions provided here, but for some reason they aren’t working for me. My website is here.
Thank you so much for your help!
1 Like
Hi @mags_marie
Solution will not work since landscape and portrait is not the same. I would suggest to have a different image for mobile and use the video tutorial below
https://youtu.be/dvf1zq7gVV8 - Having error when attaching the video
Hi [email removed]Mags_marie,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
@media(max-width:767px){
#Banner-template--16735125045471__image_banner .banner__media.media,#Banner-template--16735125045471__image_banner .banner__media.media img{
position:static
}
#Banner-template--16735125045471__image_banner .banner__content{min-height:auto}
}
Hope my solution works perfectly for you.
Cheers!
Oliver | PageFly
1 Like