Full Screen Menu Pinegrow Plugin

Easy Mobile Hamburger Menus for Pinegrow

This Fullscreen Hamburger navbar plugin for Pinegrow lets you easily add a hamburger menu to any project you are working on.

Simple to use: Loads as a plugin into any project. Add 6 kinds of open animation effects with one click.

Adds Options to the prop panel
Very Easy to use
No coding required. Just drop the menu in to your project. Then just select the element and select the option from the drop down from prop panel .
Pure CSS
No JavaScript
Responsive
6 animation effects
3 hamburger styles
Select background colors from the prop panel.

Choose from 6 types of open effects with a single click – Slide down, slide up, left slide In, right slide in, sliding door, and fade in.

Choose from 3 hamburger styles with just one click – round hamburger, square hamburger, and borderless hamburger.

Set the menu where you want it to appear with menu with just a click- Top Right, Top Left, Bottom Right or Bottom Left

Add stunning full screen menus with just a few clicks in Pinegrow

Download Zip
Unzip to somewhere such as – C:\Program Files (x86)\Pinegrow Web Designer\frameworks
Open Pinegrow
Open your project or start a new one
Click manage libraries and plugins
Click load plugin
Open pg.fs-navabar.js (inside fs-navbar folder)
Add and Activate fs-navbar.js
A pop up will appear. Add the resources to the page or project
FS Navar will now appear in the lib panel
FS Navar Options will now appear in the Prop panel. You just need to select the correct selector in the section fs-navbar-1-1.
Follow The instructions below to use. Its easy!

KEY ClASSES/ SELECTORS

.fs-navbar-icon

.fs-navbar