Image Carousel : Which Size Of Image For Fit Bot PC And Smartphone View ?
Simmetria Institute
I'm Using the Carousel Image in a page made by SP PageBuilder Pro. The Carousell works fine when I browse the website from PC - But if I browse with smartphone - the images are completely wrong. Can you suggest some tips in order to make Images that looks good bot from PC than from smartphone ? Images with text - is better do not use in carousel? Is there a way to use different carousel for PC website and Smartphone - In oreder to prepare different size for images... Regards
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me a screenshot of your issue?
-Regards.
Simmetria Institute
Accepted AnswerSimply 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
Accepted AnswerAre you talking about this?
Simmetria Institute
Accepted AnswerYes! 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
Accepted AnswerThere 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.
Simmetria Institute
Accepted AnswerI Added the code at the end of CSS used by default. But I have noticed no difference...
Mehtaz Afsana Borsha
Accepted AnswerActually the image is too big and there is no specific resolution for images.That's why it looks like this on mobile device.
Simmetria Institute
Accepted AnswerCan 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