Support Forums

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

Your Time: Our Time:

I've problem with display of addon Gallery in article

Featured Lock Resolved Issue
Hi, I need help.

On site I'm using yur template Educon and your addon Page Builder.

I've problem with display of addon Gallery in article. Gallery is every time in three columns and previews of photographies are deformed. I want to see (at mobile display) only one column with next photo under.
I want also to have the photo responzive (also on mobile). When I'm using desktop device it is all OK and i like the photographies in more columns because the photogallery is responzive.

Thank you very much for help.

Slávek

10 Answers

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code inside the custom.css file.


@media screen and (max-width: 320px) {
.sppb-addon-gallery ul.sppb-gallery >li {
width: 100%;
padding: 15px;
}
}
@media screen and (max-width: 375px) {
.sppb-addon-gallery ul.sppb-gallery >li {
width: 100%;
padding: 15px;
}
}
@media screen and (max-width: 480px) {
.sppb-addon-gallery ul.sppb-gallery >li {
width: 100%;
padding: 15px;
}
}


-Thanks

Slavek Kozusek

More than a month ago #Permalink
Thank you,

now it is all right.

Slavek

Toufiq - Staff

More than a month ago #Permalink
Thank you,

now it is all right.

Slavek


Hi, You are most welcome & Thanks

Slavek Kozusek

More than a month ago #Permalink
Thank you,

now it is all right.

Slavek


Hi, You are most welcome & Thanks

Slavek Kozusek

More than a month ago #Permalink
Sorry, but there is one more problem. Previews of photos are not adapting to wide of website in mobile view. Can you help me? You can see the problem on image which is included as attachment. Thank you.

Slávek

Attachments (1)

  • Screenshot_2018-06-13-10-06-13.png
    Screenshot_2018-06-13-10-06-13.png 664.9 KB

Toufiq - Staff

More than a month ago #Permalink
Hi there,

Add this css code & check this without login mode.


@media (max-width: 767px)
#sppb-addon-1528549545284 .sppb-gallery img {
width: inherit;
height: inherit;
}


-Thanks

Slavek Kozusek

More than a month ago #Permalink
It still does not work. I entered the code.



@media (max-width: 767px) {

#sppb-addon-1528549545284 .sppb-gallery img {

width: inherit;

height: inherit;

}
}


Sites are public. Please see the article

here

Slavek Kozusek

More than a month ago #Permalink
Solved. Thank you.



@media (max-width: 767px) {

#sppb-addon-1528549545284 .sppb-gallery img {

width: inherit !important;

height: inherit !important;

}
}

Toufiq - Staff

More than a month ago #Permalink
Solved. Thank you.



@media (max-width: 767px) {

#sppb-addon-1528549545284 .sppb-gallery img {

width: inherit !important;

height: inherit !important;

}
}


Hi, You are most welcome & Thanks


There are no replies made for this post yet.
However, you are not allowed to reply to this post.

Leaderboard (30 days)

Sifat

Sifat

Total Accepted Answers: 114
Paul Frankowski

Paul Frankowski

Total Accepted Answers: 113
Toufiq

Toufiq

Total Accepted Answers: 58
Pavel

Pavel

Total Accepted Answers: 4
Peter Atkin

Peter Atkin

Total Accepted Answers: 2

100+

Templates

200,000+

Community Users

Newsletter

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