We’re with you. JoomShaper is offering a 20% Discount on all plans due to the impact of COVID-19.

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: https://taichichuancremona.it/home/istruttore/roberto-rizzi.

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

4 Answers

Ofi Khan - Staff

More than a month 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 http://demo2.joomshaper.com/2019/folium/index.php/addons/addon-list-02/gallery. Here on smartphones, images are perfeclty responsive.


Ofi Khan - Staff

More than a month ago #Permalink
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
sorry but no chages yet.

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




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. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us