Dawn Theme Mobile banner zooms in when fixed to background

Hello

Can someone kindly help me, I’ve looked everywhere for an answer to fix this issue :confused:

I am currently using the Dawn theme. I have an image where when on desktop, if I leave the image behaviour to none it works well but if I change it it zooms in. I’m wanting to fix the banner to the background but when I do so the image zooms in on both the desktop and the mobile. Is there a way to get it to not zoom in? I tried the image with different dimensions and can’t figure out a fix for it.

This is when the image behaviour is set to none.

And this is when it’s set as “fixed background position”

Hi @rlhs

Could you share your store link?

Hello it’s https://kireikosmetics.com/collections/makeup

the password is usuwah

thank you

Hi @rlhs

I do see what you mean. I would suggest creating a section for desktop and a section for mobile. Set the desktop image behavior to none, and you can set the mobile to zoom. You can follow the tutorial video below.

Thank you, I gave it a try but even when I do a mobile section only after adding the codes in the video, the images still zoom in when I change the image behaviour to "fixed background position :,(

Hi @rlhs I cannot see that banner

You might have to provide a different image size appropriate for mobile. Mobile usually looks good on portrait size images and not landscape

Oh sorry, this is where it’s located https://kireikosmetics.com/collections/setting-finishing-spray

I have tried different dimensions, both landscape and portrait and both zoom in on desktop and mobile.

Hi @rlhs

Please try to uncheck this option in your Image banner section and then check again

Sorry. I do not see the banner in your website, https://kireikosmetics.com/collections/makeup. Is it on different link?

Sorry, this is where it’s located https://kireikosmetics.com/collections/setting-finishing-spray

I just tried it, but it’s still zoomed in

Please uncheck that option, save your changes so I can check

Yep It’s done, It’s unticked and saved

I see the issue. It is a collection banner. Sorry, I thought it was an image banner. The theme only offers one photo to show that is use for desktop and mobile. You can have another photo added but, but you have to have someone write this for you since the solution is a little complex.

The banner is an image in a collections page, so that can’t be done?

With your current settings, I cannot find a way to do it. But with the help of a custom code, it can be done. Someone has to add a new code for you to have another image for mobile.