My site isn't working properly on mobile/mobile desktop as it does on regular desktop computers. The photos are supposed to sit behind while the rest of the site scrolls past them, and the font titles over them aren't laying out properly. melissaleephoto.com
How do I get it to operate and appear the same on mobile with obvious adjustments for the smaller screen?

Edited Sat Dec 28, 19 4:46 PM by Melissa Rowell

The issue is coming from the words over the photos on the home page. See attached screenshot for example. Because of the size + the spacing, it is causing the screen to squished or a horizontal scroll on smaller screens. Sytist does resize those fonts for smaller screens, but it is not enough because of the spacing of those words. You will need to make those words smaller so it resizes better. You can resize your browser on your computer to simulate mobile screens.

Edited by

Thank you Tim, I adjusted the font size and space until they lined up properly when viewing on my phone, but the scrolling over the photos still doesn't occur like it does on a computer and I would like it to, how do I fix that?

Edited by

That's because at the time I added that option the effect was not supported on mobile devices. I'll have to go back and see if the support has changed. There is currently no other option.

Edited by

That would be amazing, looking at it on mobile, it just loses the same feel without the effect. I know someone else who uses square space, I think it's called, and has the similar effect working on mobile, so fingers crossed!

Edited by