Margot Template Slideshow + Banner in Mobile

20 hours ago, afinocchiaro said:

 

The home slideshow and page banners are cropped in mobile view in the Margot template. Is there a code or feature that will make the photos fit the width of the mobile. 

 

Thank you! 

Can you give your site so we can take a look?

You can try this CSS code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
section#home-slideshow {
    height: 250px !important;
}
section#home-slideshow img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
}

Hi, I'm having the same problem with my website but this code doesn't work for my site. Do you have another solution? 

On 3/26/2024 at 4:21 AM, tuanphan said:

You can try this CSS code to Website > Website Tools > Custom CSS

@media screen and (max-width:767px) {
section#home-slideshow {
    height: 250px !important;
}
section#home-slideshow img {
    width: 100% !important;
    height: auto !important;
    left: 0 !important;
    top: 0 !important;
}
}

 

On 8/24/2024 at 7:45 AM, Paigealexandria said:

Hi, I'm having the same problem with my website but this code doesn't work for my site. Do you have another solution? 

 

Can you share link to page where you have problem?