Want different bg in mobile version

Hello Everyone,

I'm facing an issue with the section background in the mobile version, it is showing only white part and the design is on both sides. I want to show a different background in mobile. however it is not letting change it as i have turned on the parallax effect.

it is a second section in my website.

Thank you

Rajat

Thank you for reply

https://bat-crow-7jzy.squarespace.com/home

it is looking fine in desktop but not in mobile view

I can't exactly see the problem, can you share a few screenshots to demonstrate the problem?

Let me explain the issue, I have background for second section which have graphics only on left and right edges which is not showing mobile view. So i created new section for mobile with background according to mobile view and display none to desktop section.

Now problem, im facing is the menu which scroll user to particular section is not working as it is defined two times in layout.

So now if you check the website you will see it is showing the white part of image only in mobile as i have enable the desktop view and display none to mobile view.

So, it can be fix by either show different background on mobile and desktop or by fixing scroll section issue.

Tricky, the duplicated section seems like a problematic way to fix this. (Though it is something I have resorted to in the past).

Could you not have the left and right coloured gears be separate images and use them as image blocks rather than one background image, that way you could control their placement individually on both desktop and mobile? With some spacing around them you could even keep the parallax effect. With careful setup could work much better.

Thank you for great idea.

Yes, i will create two different images and add it as a image. but Im confuse about parallax effect, which i have for background. can you guide about this ?

Image blocks can now have an "image effect" which can be parallax similar to background images.

Thank you for help. I did the same and i think it is resolved my issue. but when i added the right side image and turn on parallax it starts showing gap. i have attached the screenshot. can you help me for this?

Have you got the block alignment set to right on the right image? (and left on the left image?)

I have aligned the image to right side, but im still getting this issue in parallax.

Strange, seems to be working fine when I look at it, can't see the issue you are seeing. (parallax is working too)