Streaming live at 10am (PST)

Mobile View is Driving me nuts


#1

On my home page I have as you scroll images that zoom in and then text overlay. It all looks fine in all views except mobile and I cannot for the life of me figure out why. If anyone has a minute to chime in I would appreciate it


Here is my public share link: https://preview.webflow.com/preview/element-chef-services?preview=0ce5cb650c4199555ca7336ce45dc3ce


#2

It’s not the cleanest way to create the zoom effect on scroll.

If you used a div with a background image set to cover you won’t have the issue of the image being distorted the way it is. Add an offset too of around 25 - 35% on in and out so the user will see the zoom happen too.


#3

@markos84uk

so I removed the image and just did a background image with the offset but now table and mobile are worse off then before?


#4

I"m not getting why you have so many negative numbers with your positioning…

I’ll scrap the section and record building that bit agin and share the video…


#5

that would be amazeballs! Thank you


#6

On it now. Give me 15 mins tops… I hope!


#7

Hope this helps, a much simpler way I hope of achieving the same result. Site looks great by the way! Let me know if you get stuck!


#8

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.