Streaming live at 10am (PST)

Sliding hamburger menu

Hi there :slight_smile:

having a couple of problems trying to achieve this sliding hamburger menu effect : https://codepen.io/SeiAlkali/pen/vxXmev

  1. I’m not sure why the nav menu item - ‘talk’, appears bellow the other ones when clicking the hamburger. It doesn’t do it in the editor, only when viewing.

  2. Can’t figure out how to make the nav menu items slide out from the left of the hamburger icon, instead of the edge of the page.

Here is my read-only link:

https://preview.webflow.com/preview/dvas-initial-project?utm_medium=preview_link&utm_source=designer&utm_content=dvas-initial-project&preview=38fbc59de665cb2a2da6d4a9951d4cca&mode=preview

Wondering if anyone can give me some pointers,
Many thanks!! :slight_smile:

Instead of giving your nav-menu the position right: 80px, you should try it with a margin to the right of 80px instead.
Let me know if it works.

1 Like

Worked Perfectly!
Thanks a lot Marius :slight_smile:

1 Like