How to fix mobile view issues with footer slideshow in Minimal theme?

Hi There,

I’m having issues with my slideshows in the Minimal theme, somebody kindly helped me code the top banner of the page but I’m having the same issue with the footer slideshow. On the website it looks fine but when I go onto mobile it cuts the slideshow off so you can’t see the full image, can anyone help?

poochedout.co.uk - password bonnie20

Hi @poochedout

Please go to your Themes > Edit code > Assets > Open theme.scss.css and add the following code to the bottom of the file.

@media screen and (max-width: 768px)
#flexslider--16443568957f865b60 .slides__image, #flexslider--16443568957f865b60 .slides svg {
    height: auto!important;
}

If you feel like my answer is helpful, please mark it as a SOLUTION. Let me know if you have any questions!

Hi,

Unfortunately It didn’t work for me, it made all my images mix matched everywhere on the home page.

I’m sorry to hear this @poochedout
I tested on my site and Google dev tool, the code worked correctly.

If it does not work for you, you can consider having a Shopify Expert check further for you.