I would like to know how to make a background image appear in all responsive devices. The smaller the device, the less of the background is visible. On mobile phones it disappears completely. I have already tried different settings.
Solved
SP Page Builder
How to display background image responsive
Accepted answer
Marked as the solution
Pavel
3 years ago
· edited
Hi.
The background image depends on the size of the block that contains it. There are no options in the aspect of responsiveness for the background image. You can only regulate this with the size of the block or replacing the background image at the breakpoints.
I solved it by duplicating the row.
This is the only interface solution that is in SPPB at the moment.
However, this is not a very good solution, since the elements hidden at the breakpoints still remain in the site code.
The best option is the use of CSS to replace the background image of the section at the breakpoints, instead of creating the section's duplicate containing another background image.
2 more replies
Mehtaz Afsana Borsha Staff
Hi
Thanks for contacting us. The following blog post may help you. You can follow this process to make your image responsive.
https://www.joomshaper.com/blog/make-your-columns-responsive-in-sp-page-builder-4
-Regards.
Frank Hansmann Asked this
Thanks for this. But it had nothing to do with the settings for background images...I solved it by duplicating the row.
The post you sent me explains that I can adjust the columns for the different devices. The problem with mobile is that it's impossible to customise the columns because I can't select them. The spacing is too small and it always automatically selects the section.
I hope you understand what I mean and can help me.
Log in to reply.