Hi, at the moment, the only way to hide the overflow on mobile is to set the body to overflow hidden on mobile portrait. This however will also set the vertical scrolling to hidden, so instead, I recommend to set the parent section to have 0px left and right margins:
This is standard html behavior, if there is overflow on the site in any view, it will show up as scroll bars on the published site, because the viewport on mobile is too narrow for the content.
It is usually better to put everything within the viewport, so that no unexpected layout issues occur on mobile, which is notoriously bad for handling overflow of any kind.
But if I make the margins 0px my images get smaller and the whole point of this was to have my images zoomed in on mobile.
I was actually able to get this to work by making the parent element a flex container and making it over flow hidden, if that makes sense. Please double check and see if that works? Thank you in-advance.
Hi @herardo, yes, that is a good option, to put the image inside of a parent element with overflow hidden.
Another possibility, would be to set the image to 100% width as I first mentioned, and the add a click interaction on the images, to scale them larger on click, combined with the overflow hidden, that would be a cool effect