I have a problem with the hero area of my homepage, on the tablet query only. The section below my hero section pushes up and overlaps, rather than stacking end to end. The issue seems to have started after I applied some minimum height styles to the sections that use vh units. That doesn’t really make sense but it’s the only thing I had changed before the issue popped up. I removed the min. height style but that did nothing. Any help will be much appreciated.
@Laurent_Hayoz thanks for checking it out. Yes, I guess it’s actually happening on all queries. Your screen shot also looks different (better) from what I’m seeing.
If you look at the attached image, I have the hero area selected. You can see the blue outline bounding box for “Hero Image” overlap with that white section just below. I can’t figure out why the two sections do not meet end-to-end.
I really wanted to keep those vert units on the hero image, so after reconstructing I discovered it was the next section below that needed the adjustment. It also uses vertical units (80vh) but the content inside was pushing it taller, causing the overlap. Once I set that section to “auto” like you suggested, everything fell back into place. Thanks for your help, it got me there!
