IMAGE CAROUSEL banner distorted with SmartPhone - Forum | JoomShaper
Solved SP Page Builder

IMAGE CAROUSEL banner distorted with SmartPhone

Asked by Simmetria Institute 6 months ago Last activity 6 months 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

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
6 months ago · edited

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!

Log in to reply.