Image Carousel : Which size of image for fit bot PC and Smartphone view ?

Mehtaz Afsana Borsha Staff

4 years ago

Hi

Thanks for contacting us. Could you please give me a screenshot of your issue?

-Regards.

SI

Simmetria Institute Asked this

4 years ago

Simply visit the website URL : simmetriainstitute.com/it/ with a smartphone.
IN the HOME PAGE (IT langiage) there is a carousel image that do not lokks fine!

Mehtaz Afsana Borsha Staff

4 years ago

Are you talking about this?

https://prnt.sc/ZU1BFshvUNVp

SI

Simmetria Institute Asked this

4 years ago

Yes! You are right.
As you can see the image is "stretched" from MOBILE PHONE...
Is there a way to make the same image correctly visible from PC and from Smartphone ?

Mehtaz Afsana Borsha Staff

4 years ago

There is no specific way to do this but you can use this custom CSS

@media (max-width: 767px){
.sppb-carousel-extended-outer-stage{
  height: 130px !important;
}}

Path towards custom CSS: Extensions>Templates>Styles> Click on your current default template name then choose Template Options. Then find custom CSS within the custom code.

SI

Simmetria Institute Asked this

4 years ago

I Added the code at the end of CSS used by default.
But I have noticed no difference...

Mehtaz Afsana Borsha Staff

4 years ago

Actually the image is too big and there is no specific resolution for images.That's why it looks like this on mobile device.

SI

Simmetria Institute Asked this

4 years ago

Can you suggest me a SIZE that whould be fine both on PC and on SMARTPHONE ?
But what about the fact that the edit to CSS suggested do not bring any changes to view from MOBILE ?
P

Mehtaz Afsana Borsha Staff

4 years ago

There is no specific size there, you can use my CSS and reduce the height a bit more. And check again.