Hi ! I’ve seen topic about the same issue and I tried some css code before writting this new one, but nothing worked … The horizontal gallery is not mobile friendly for my website, and the images are cropped on smartphone (really look bad) :-( Thanks a lot if you can fix this.
Hey MarcassinFou,
Could you try updating the theme to the latest version (4.9.2.1) to see if that helps please? https://kriesi.at/documentation/enfold/how-to-install-enfold-theme/#theme-update. If not, then please share a screenshot highlighting the problem.
Best regards,
Rikard
Thanks for the answer. I just did it but nothing has changed :-(
How can I send screenshots ?
Hi,
Thank you for the update.
You can use this css code to adjust the size of the horizontal gallery images on mobile view.
@media only screen and (max-width: 767px) {
/* Add your Mobile Styles here */
.responsive .av-horizontal-gallery-wrap {
max-width: 100vw;
margin: 0;
overflow: visible;
}
.responsive .av-horizontal-gallery-img {
height: inherit;
width: 100%;
}
}
Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css.
Best regards,
Ismael
Thank you very much for the answer. It changed something but it doesn’t look good, still very far from what I want … Maybe I have to remove the horizontal gallery :-( Too bad because It look good on computer !
Its ok ! I took the normal gallery. Very nice on smartphone