Issue with Tabs on Mobile

Design help General
1

Browser: Chrome Version 49.0.2623.112 (64-bit). Up to date.
Device: Mac OS X 10.11.3

Steps to Recreate:

  1. Open my read only site.

  2. Click Mobile Preview on Homepage and scroll to ‘Select Industry.’
    Everything looks good here.

    319×628 110 KB

  3. Now open realescape.webflow.io on your phone and scroll to ‘Select Industry.’
    The Services Section has moved on top of the Select Industry section and it looks like garbage.

    1125×2001 155 KB

Thoughts?

Here is my public share link: https://preview.webflow.com/preview/realescape?preview=efd3a8343c68fbca8f8e0026fca5257a

2

From the images it seems that you have fixed px values which interfere with other elements. Are any of your section at a fixed height? :wink::blush::+1:

3

Seemed to be an issue with the flexbox feature, so i just removed it.

4

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