Sidebar navigation

Main navigation

Social media navigation

Project details

Project description

Full Screen Overlay Menu & Masonry Demo

Design

Development

The full screen overlay menu and masonry demo is a single page, responsive demo showcasing the masonry layout, created using the masonry jQuery plugin. Masonry is a grid based layout based on columns. Unlike CSS floats, which arranges objects horizontally then vertically, masonry optimizes the available space in a grid by placing elements in optimal position based on available vertical space. It works especially well with image-based content. This demo also uses a full screen overlay navigation that covers the entire screen giving you ample space for menu items.