IMAGE CAROUSEL Banner Distorted With SmartPhone - Question | JoomShaper
Back to the questions

IMAGE CAROUSEL Banner Distorted With SmartPhone

SI

Simmetria Institute

SP Page Builder 2 days ago

I'm using the widget "IMAGE CAROUSEL" to show some banner in my HOME PAGE The Banner image is "large one" (1350x350 px) With this format the visualization is OK with PC (large display) BUT appear distorced when you browse with Mobile device (Smartphone). PC View: https://prnt.sc/eZL8DxJQ7CR9 SmartPhone View: https://prnt.sc/EV6BXXsm4ssG What is the best and way to have a good visualization both with PC and Smartphone device? Can you give me some suggest, please ? THX

0
Website
https://www.simmetriainstitute.com
1 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 days ago #221442

Ciao.

Probably somebody used extra CSS for img, that cause that problem, but that simple Custom CSS will fix it

@media screen and (max-width: 780px) {
.sppb-carousel-extended-list .sppb-carousel-extended-outer-stage,
.sppb-carousel-extended-item img {height: auto !important;}
}

it set correct value for image height on mobile screen. Remember to clear Joomla cache after using it!

0