Layout Braking Between Designer and Preview

PLEASE HELP!!!

I can’t figure out what is going on! I have an animation for the navigation where when you hover over a menu button, a menu extension pops up. The animation is working great, but the layout is breaking. When I look at in the designer, everything looks great, but not in preview or the live site. This didn’t start happening until I started making the navigation responsive across devices.

Here is the read-only link: https://preview.webflow.com/preview/redeemer-bible-church?utm_medium=preview_link&utm_source=designer&utm_content=redeemer-bible-church&preview=6e848f3171b1f019c3f1af649515c56e&workflow=preview

Hi @Timothy_Prescott, thanks for your post and great question.

I made a video that should help to solve the issue, I would set the display flex to display block when showing the NavMenuCategoryContainer class.

I hope this helps

Thank you so much!!! That worked perfectly. You saved me so much time!
Could I send you some payment for your trouble?

1 Like

Hi @Timothy_Prescott thanks for letting me know, I am glad that worked out.

No payment is needed, just pay it forward in kindness to someone :slight_smile:

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