12 March 2017 / Menu

Responsive overlay menu navigation

Responsive flat animated overlay menu using css html and jquery nav navigation. There are two menus, classic and hamburger menu with full screen overlay. Its also flat. Links work when menu is downloaded. Icons from fontawesome

codepen

See the Pen Responsive overlay menu navigation by Mario Loncarek (@riogrande) on CodePen.

— Code Tea —

CSS Only Vertical Accordion Menu

CSS only vertical accordion menu.

20 January 2020

Hide header on scroll down, show on scroll up

Fixed headers are fairly common nowadays with big name brands like Facebook, Twitter, Google, LinkedIn, and others using this pattern.

27 August 2018

Four different menu animations for menu button toggle between dots

Four different menu animations for menu button toggle between dots, cross and back icon.

— Next Post — — Prev Post —

Responsive overlay menu navigation