Grid not working in preview as per designer's view

Hi all,
I am trying to build a custom nav drop down menu. The issue I have is the grid behaving differently in preview mode as shown in images and link below. Does anyone know why?

designer view:


Here is my site Read-Only:

Hi there,
In your Webflow interaction : open nav menu, you are displaying your nav-menu as a flex box:


while it should be a grid, so you gotta change it to grid :


and there you go !

Think about doing the same for your close nav menu interactiion

and one more thing : i saw a css code in the bottom of your page,

think about adding tags in your html embed and put css lines inside of it :wink:


ah! Thank you!! yes I was missing the style tag there too. :tada:

1 Like