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:

preview:

Here is my site Read-Only: https://preview.webflow.com/preview/kikidesign?utm_medium=preview_link&utm_source=designer&utm_content=kikidesign&preview=99eba785833e1c314e8028d9dc049998&workflow=preview

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

image

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

image

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,
image

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

Cheers

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

1 Like