Fixing Phantom Scroll Line on Mobile

Site URL: https://www.casadesignla.com

I'm running into an issue with a phantom scroll line that appears when I swipe left/right using mobile while viewing my site's gallery pages.

I've been told by Squarespace support that the issue is linked to my custom CSS:

/* Custom Contact Form Fields */

.form-wrapper .field-list .field .field-element {   
border: none !important; 
border-bottom: 1px solid #7B666A !important;
border-radius: 0px !important;
background: #e1dcc9;
}

/* Image Zoom on Hover */

.sqs-block-image .design-layout-inline {   
img:hover {transform: scale(1.1); transition: .8s;}
img{transform: scale(1); transition: .8s;}
}

Any thoughts on how to adjust?

Best,
Kaila

Hi Kalia,
it seem you already fixed that.

if not, this might help:

 

#page
{overflow-x: hidden;}

Thank you, @ArminB, though it still seems to be appearing when I swipe left while scrolling through galleries on mobile. Any thoughts?

@ksachse I looks good on my end.

> The gallery auto-play is a bit tricky to handle on mobile.
> I'd give the logo some headroom on mobile.