Image Carousel Not Responsive - Question | JoomShaper
🎃 Halloween Sale is Live! Get 35% OFF on all plans. Sale ends soon! Get Offer
Back to the questions

Image Carousel Not Responsive

Alison

Alison

SP Page Builder 4 months ago

Hi

Can the responsiveness of the SPPB image carousel be sorted please.

It looks ok on larger screens, but the images get squished on smaller screens (mobiles etc)

You can check this out on the following websites https://lighthornevillagehall.org/ https://www.chelmsleywood-tc.gov.uk/

If someone can please help me I would appreciate it.

Thanks Alison

0
Website
https://lighthornevillagehall.org
4 Answers
Order by
Oldest Newest Votes
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #195911

I have fixed this site: https://www.lighthornevillagehall.org/

Please, use this custom css into this site https://www.chelmsleywood-tc.gov.uk/

To add custom css, you can follow this documentation: https://www.joomshaper.com/documentation/helix-framework/custom-code-css-js-meta

@media (max-width: 767px){
div#sppb-addon-wrapper-1726588547239 .sppb-carousel-extended-outer-stage {
    height: fit-content !important;
    margin-bottom: 20px;
}
}

Thanks

0
Alison
Alison
Accepted Answer
4 months ago #195932

Thank you, that has fixed it. :))

0
Ziaul Kabir
Ziaul Kabir
Accepted Answer
Support Agent 4 months ago #195773

Hello,

Thanks for reaching out to us.

There is a fixed height for the carousel thats why image going to squished in mobile device.

Could you please share temporary administrator access to your Joomla backend? You can provide the credentials securely in the hidden content section. Also, please take a full backup of your site before we make any changes.

Let me know once you’ve shared the details!

Best Regards,

0
Alison
Alison
Accepted Answer
4 months ago #195854

I have left details to login

0