Help: Not totally sure what's going on

Design help General
1

Hi everyone,

I’m seeing a strange issue on my Webflow site only when viewed on a Samsung S7 tablet in Samsung Internet and somehow on my superior’s laptop? I feel like it’s the same issue even though on his end, when scrolling down it doesnt snap to a correct layout. I’m wondering what the issue really is and how can I fix it?

  • Initial load: The page renders with a completely broken layout (elements overlap/misalign) in my Samsung Tablet and/or my superior’s laptop - not sure what device that is, despite looking fine in the Designer or Polypane when tested. I also tried to check this on a different browser/device at home and there are no issues.
  • Scroll down: Everything magically snaps into the correct layout in the case of my tablet.
  • Scroll back up: It reverts back to the broken state.
  • Device/browser: Only reproducible on the actual Samsung S7 tablet (Samsung Internet or Google Chrome).
  • Desktop previews: No issues when testing in Polypane at 1280×800, 1366×768, 1440×1024, or 1920×1080. No issues are seen aswell when I check on the published staging link in my own desktop or a different smaller laptop at home.
  • No custom scripts: I’ve confirmed there’s no JavaScript or Interactions that should be affecting initial load.

Read-only link:

Anyone run into something like this or have ideas on what might delay or force a layout recalculation until a scroll event? Any help is greatly appreciated!

2

Hi there,

The layout issues you’re experiencing are likely caused by lazy-loaded images affecting page height calculations during initial load. When images are set to load on scroll, the browser may not properly account for their dimensions, causing layout shifts.

To resolve this, you can either:

  1. Set your images to “Eager: loads with page” in the image settings
  2. Contain your images within elements with fixed heights

These solutions ensure proper layout calculations from the start, preventing the shifting you notice during scrolling.

Hopefully this helps! If you still need assistance, please reply here so somebody from the community can help.

3

I tried setting it to fixed height instead of DVH units. And somehow this was fixed. Not sure why though but it seems to be okay on my tablet and my superior’s laptop device. But this is good to know and will try to see if that really is the problem on my duplicate. Thank you for the swift response!