Dawn Theme Mobile banner zooms in when fixed to background

[rlhs]

Hello

Can someone kindly help me, I've looked everywhere for an answer to fix this issue 😕

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"

[Dan-From-Ryviu]

Hi @rlhs 

Could you share your store link? 

[rlhs]

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

the password is usuwah

thank you 

[Dan-From-Ryviu]

Hi @rlhs I cannot see that banner

[rlhs]

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

[Dan-From-Ryviu]

Hi @rlhs 

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

[rlhs]

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

[Dan-From-Ryviu]

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

[rlhs]

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

[Made4uo-Ribe]

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. 

[rlhs]

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 :,(

[Made4uo-Ribe]

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

[rlhs]

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

[Made4uo-Ribe]

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

[rlhs]

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

[Made4uo-Ribe]

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. 

[rlhs]

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

[Made4uo-Ribe]

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.