Change of Navbar component to hamburger affects spacing of div below

Design help General
1

There is some unexpected behavior here that I don’t understand. Please refer to this movie: http://bit.ly/2SAMDX5.

Note that when the window is resized so that the hamburger menu is evoked, the grid that is within the “div container” jumps up the screen.

This is unwanted, but I can’t figure out what is causing it or how to remedy it. Does anyone understand what’s going on here?

I would like the Grid Element to maintain a consistent distance from the top of the screen.

Here is the share link to the Project: Webflow - Child Therapy By Erica

Here is a link to the site online: https://therapy-by-erica.webflow.io/

2

@Chuck_Braman On your grid-poster class you have on desktop a top margin of 201 and on tablet a top margin of 138 and that is what is causing the jump up. Reset the margin on tablet and you should be good to go. Let me know if you have any other questions :slight_smile:

1 Like
3

@sarahdarr Thank you! That solves it.

I think what threw me off is what might be a minor bug in the interface: that in the Tablet view in the Designer, when you extend the window to fully open, the hamburger menu disappears and the div jumps up, but the top margin setting doesn’t change unless you change to Desktop View. Is this intentional? It would seem more logical to me if the hamburger menu and its settings would be consistently shown within the Tablet view…