Support Forums

Support Online : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Make background images responsive

Featured Lock Resolved Task
I would like to know how to make background images responsive in Helix Ultimate/SP Pagebuilder 3. I have a series of background images with text overlay that look great at desktop size, but look terrible when reduced to tablet or mobile size. These are rows with background images with two text overlays. How do I set these up so that they scale according to screen resolution - I don't want to have to resort to serving different sized images via media queries if possible.

You can see what I mean at scroll down the page to a series of blocks starting with WORSHIP.

1 Answers

Paul Frankowski - Staff

More than a month ago #Permalink
Site is offline, as always, admins forget about it.

Sometimes the best way is to create a separate Row for mobile view only,
Then you have more imagination how background image proportion should be.

There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 127


Total Accepted Answers: 89


Total Accepted Answers: 45


Total Accepted Answers: 6


Total Accepted Answers: 5




Community Users


Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us