About the Download

FULL SCREEN NAVBAR PLUGIN FOR PINEGROW

Easy 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.

NEW PG3 Demo Video

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

(click link for demos)

Full Screen open Animations

Choose from 3 hamburger styles with just one click

Postion menu with just one click

  • Top Right
  • Top Left
  • Bottom Right
  • Bottom Left

Plugin Features

  • Very Easy to use
  • Adds Options to the prop panel
  • 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.

HOW TO USE INSTRUCTIONS

PART ONE – INSTALL FULL SCREEN  MENUS FOR PINEGROW

  1. Download Zip
  2. Unzip to somewhere such as – C:\Program Files (x86)\Pinegrow Web Designer\frameworks
  3. Open Pinegrow
  4. Open your project or start a new one
  5. Click manage libraries and plugins
  6. Click load plugin
  7. Open pg.fs-navabar.js (inside fs-navbar folder)
  8. Add and Activate fs-navbar.js
  9. A pop  up will appear. Add the resources to the page or project
  10. FS Navar will now appear in the lib panel
  11. 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.
  12. Follow The instructions below to use. Its easy!

PART  TWO – CHANGING THE POSITION OF THE NAVBAR

  1. Select the span class  – fs-navbar-icon – Below Form Label
  2. In the prop panel you will see FS Navbar Options/ fs navbar
  3. From dropdown in option Navbar Postition, select the position you want

PART  THREE- CHANGING THE ICON STYLE

  1. Select the span class  – fs-navbar-icon – Below Form Label
  2. In the prop panel you will see FS Navbar Options/ fs navbar
  3. Choose a style from the option Navbar Icon

PART  FOUR- CHANGING THE MENU OPEN EFFECT

  1. Select the header class  – fs-navbar
  2. In the prop panel you will see FS Navbar Options/ fs navbar
  3. Choose an effect from the dropdown from the option Navbar Open Effect
  4. You can also select background color from Background Color option

KEY SELECTORS 

  • .fs-navbar-icon
  • .fs-navbar

IMPORTANT

Pluginsforpinegrow.com is an independent marketplace for Pinegrow plugins and is not connected, endorsed or run by Pinegrow Web Editor. For queries and support  please contact [email protected] Thanks a lot for your understanding.

LICENCE AGREEMENT

After purchase, you can use this plugin in as many projects as you like

Share This and Receive an EXCLUSIVE Discount Offer

Simply share this and a discount will be applied to your next purchase at checkout.

Live Demo
Download Category
Download Tag