How to make background image responsive and mobile friendly.
check this http://nicholecarlson.com/manifest-your-soulmate-buy-now/
Hello @itsthehype,
I can see you have set top and bottom padding for the top section with the background image. Those are not responsive by default. Please remove it. An alternative to deal with height is by using GAP elements and utilising HIDE DURING BREAKPOINTS setting under Customiza tab. Since the background image will adjust depending on the content of the section, you will add multiple GAP element. Then set it’s display. Set the first GAP element to be hidden on mobile view with the height settings intended for desktop. Do the same on other GAP elements you need for other view.
Hope this helps.
Hi @itsthehype,
I can see you use multiple containers and then HIDE DURING BREAKPOINTS settings. That is fine too but you need to adjust the padding per screen size. Adjust the padding until you found the correct display of image per screen size. Currently, all top and bottom padding is set to 2em. There’s no chages at all. It will be the same like using 1 container. The purpose of using different container with HIDE DURING BREAKPOINTS is so you can adjust the height of the section by using padding.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.