Overlapping fields in mobile view once exported

In the designer everything looks fine (as follows)


  1. The latest post
  2. Welcome to my blog introduction section
  3. Current favorites embed code
  4. blog posts 1-6(I think)
  5. Footer (“Sign up for my newsletter, etc”)

The issue come into play once I go to view the site on my cell phone (Iphone 6s+) (Side note in mobile design I always design in the smallest width setting) and fields begin to over lap.

#3 overlapps #2

followed by #5 footer overlapping #4

Am I doing something wrong/Is there a way to fix this?

@Waldo @webflow @Nelson_Soares

Here is my public share link: https://preview.webflow.com/preview/emilyemig-com?preview=1b9d2de3f1c07200e9c2465eb8594594

Hi @18374627292 looks like you’re running into some safari flexbox issues, tyr setting the elements to flex grow instead of shrink for where you’re seeing the overlapping issues, as well as remove the min-height of 100vh which can be auto on a few of the elements

1 Like

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