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

Your Time: Our Time:

Page Builder Gallery doesn't work on mobile

Featured Lock Resolved Bug
I made an image gallery on my site but when I whach in in mobile version images stretch vertically. You can see it on this pgae:

I found a similar issue in this forum and I tried the solution, that was to add some code in the custom css:

@media (max-width: 480px) {
.sppb-addon-gallery .sppb-gallery li a img {
width: 100% !important;
height: auto !important;
max-width: 400px !important; }

@media (max-width: 360px) {
.sppb-addon-gallery .sppb-gallery li a img {
max-width: 340px !important; }

@media (max-width: 340px) {
.sppb-addon-gallery .sppb-gallery li a img {
max-width: 320px !important; }

I tried it but it didn't work properly on my site. It did something in the vertical view: images became tiny but were not stretched. It was not responsive but at least the proportion was correct (see screenshot1.jpg).

The horizontal view was still stretched, as it is without the custom code.

Is it possibile to correct the bug and have a fully responsive gallery?

Thanks in advance.

Attachments (1)

  • screenshot1.jpg
    screenshot1.jpg 45.6 KB

3 Answers

Ofi Khan

One week ago #Permalink
Please add this to Custom CSS and see if it works for you.

@media (max-width: 767px)
#sppb-addon-1512060896069 .sppb-gallery img {
width: 100%;
height: 100%;
@media (max-width: 991px) and (min-width: 768px){
width: 100%;
height: 100%;

- Best regards
Sorry but it doesn't work, as you can see at the link I sent you.

What it should do is the same as in Here on smartphones, images are perfeclty responsive.

OK, please try this if it helps

#sppb-addon-1512060896069. sppb-gallery img {
width: 200px;
height: 200px;
.sppb-img-responsive {
display: block;
max-width: 100%;

-Best regards

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: 123


Total Accepted Answers: 68


Total Accepted Answers: 61
Mehtaz Afsana

Mehtaz Afsana

Total Accepted Answers: 13
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 11




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