Responsive image slider-odoo12

Question

Good evening everyone,
I'm building a website with the odoo12 website builder and I'm struggling with the slider when I upload an image to the slider everything is okay on the website but the mobile preview is shown with cropped image in the slider.
I tried to change the background image dimensions parameters (fixing the width to 100% and height auto )with the edit mode but it stretches the original image on the website.
Is there a specific dimension for slider images or  a css attribute that I

Amal ben aissa · Accepted Answer

Hello again ,
I've found a solution to deal with this issue so i'm sharing it if someone will need it in the futur.
In fact the @media queries in the css helped me to achieve my goal all i had to do was to add an @media(max-width:768px)  in the .carousel-inner and .carousel-item classes in the scss files (web) and set the max-width : 100% and the heghit to the value i want and now I was able to change the display of my slider to look responsive on mobile.

Câu hỏi này đã bị gắn cờ

Bạn có hứng thú với cuộc thảo luận không? Đừng chỉ đọc, hãy tham gia nhé!