css Audio - Active file-generic CSS - Active Generic - Active HTML - Active JS - Active SVG - Active Text - Active file-generic Video - Active header Love html icon-new-collection icon-person icon-team numbered-list123 pop-out spinner split-screen star tv
CodePen probably won't work great in this browser. We generally only support the major desktop browsers like Chrome, Firefox, Safari, and Edge. Use this one at your own risk! If you're looking to test things, try looking at Pens/Projects in Debug View.
user profile image

Menu toggle button with flat menu. Uses CSS transitions and Vanilla JS.


  1. Really nice design so clean I love it

  2. thank you @marshall_993

  3. Beautiful! :)

  4. +1 For "Inspirated"

  5. Really nice, works fine! But I have one question. Right now, the menu is hidden, but it is already clickable. So now my other content has moved down, because the menu div is in their way. (there is now just a white div). Is it possible that I get an overlay when the menu is opened? So that my content is just on top of the page?

    Thank you!


  6. I need the menu items to to displayed when I scroll down my page on mobile...any help??

  7. @93prabhat93 : wrap the < a > and < div > elements into another div element, and use position: fixed... maybe ? :p

Leave a Comment Markdown supported. Click @usernames to add to comment.

You must be logged in to comment.