Tag: navigation

  • SwNav — Adaptive Menu Plugin (Navigation)

    SwNav — Adaptive Menu Plugin (Navigation)

    SwNav — adaptive menu plugin

    A perfect solution for complex menus.

    Build your own navigation using our NavBuilder.

    Description

    Create your own navigation easy. No code skills required to build
    adaptive navigation for your site. Just open the builder page, set up navigation and copy result code to your website.

    Features

    • Easy customization;
    • Many options available;
    • Adapted to any screen size;
    • Visual builder available — no code required!
    • Flexbox and power of modern CSS and HTML;
    • Fallback for older browsers;
    • Good documentation;
    • Small size: ~5kb gzipped;
    • About 20 variable options;
    • Color theme preview;

    Dependencies

    • jQuey — required;
    • Modernizr — optional for browsers which doesn’t support flexbox;
    • FontAwesome icons — only if you want to use this icons in navigation;

    Updates

    Please leave your ideas for plugin improvement in comments section.

    Version 1.1

    New features:

    • Background transition option. Use it for smooth CSS-animation of background color of nav item;
    • Hover-to-open option. Use it to open submeny by hover on parent item;
    • Rounded navbar. Use it to make rounded corners of navbar.
  • Drawerjs (Navigation)

    Drawerjs (Navigation)

    Drawerjs – A navigation drawer for mobile and web applications


    Drawerjs
    Drawerjs


    drawerjs features


    drawerjs say thanks

    Limitations

    Drawerjs work well with any CSS framework like Bootstrap and just look awesome on any devices and screen sizes.

    Browser support

    • Chrome >= 20
    • Firefox >= 24
    • Edge >= 12
    • Explorer >= 9
    • iOS >= 6
    • Safari >= 6
    • Android 2.3
    • Android >= 4
    • Opera >= 12

    Updates

    ## 1.1.2 - 22.02.2017
    
    Core
    - Fixed _validateUnit() regex
    
    ## 1.1.1 - 08.02.2017
    
    Core
    - Added jQuery version
    - Updated StackedMenu to v.1.0.1
    
    ## 1.1.0 - 06.02.2017
    
    Core
    - Renamed all eventListener.
    - Updated browsers support.
    
    Features
    - Added StackedMenu (exclusive plugin).
    
    Pages
    - Used bootstrap css on demo.
    - Added stacked menu demo.
    - Added cliped drawer demo (full header).
    - Added toastr like demo.
    - Added perfect-scrollbar demo.
    - Added ui-resizable demo.
    
    Documentation
    - Added StackedMenu API.
    
    ## 1.0.0 - 27.01.2017
    
    - Initial release.
    
  • Drawerjs (Navigation)

    Drawerjs (Navigation)

    Drawerjs – A navigation drawer for mobile and web applications


    Drawerjs
    Drawerjs


    drawerjs features


    drawerjs say thanks

    Limitations

    Drawerjs work well with any CSS framework like Bootstrap and just look awesome on any devices and screen sizes.

    Browser support

    • Chrome >= 20
    • Firefox >= 24
    • Edge >= 12
    • Explorer >= 9
    • iOS >= 6
    • Safari >= 6
    • Android 2.3
    • Android >= 4
    • Opera >= 12

    Updates

    ## 1.1.2 - 22.02.2017
    
    Core
    - Fixed _validateUnit() regex
    
    ## 1.1.1 - 08.02.2017
    
    Core
    - Added jQuery version
    - Updated StackedMenu to v.1.0.1
    
    ## 1.1.0 - 06.02.2017
    
    Core
    - Renamed all eventListener.
    - Updated browsers support.
    
    Features
    - Added StackedMenu (exclusive plugin).
    
    Pages
    - Used bootstrap css on demo.
    - Added stacked menu demo.
    - Added cliped drawer demo (full header).
    - Added toastr like demo.
    - Added perfect-scrollbar demo.
    - Added ui-resizable demo.
    
    Documentation
    - Added StackedMenu API.
    
    ## 1.0.0 - 27.01.2017
    
    - Initial release.
    
  • Web page Content material Navigator For WordPress (Interface Parts)

    Web page Content material Navigator For WordPress (Interface Parts)

    Latest Version: 24.02.2017 – v1.0.

    Site Content Navigator For WordPress is a plugin created to facilitate the navigation on a website page. Plugin comes with customizable progress bar indicating current reading progress, additional interaction options allow to quickly navigate around the page. Key plugin feature is support for sections, which indicate parts of a page that you want to emphasize to the user. Thanks to them user has better orientation over page content and be able to jump between different chapters.

    Extended Feature List

    • jQuery Powered
    • Support For Mobile Devices
    • Progress Bar Indicating The Reading Progress
    • Support For Sections
    • Automatic And Manual Section Configuration
    • Tooltips With Section Details
    • Navigation Menu Displaying Current Section
    • Additional Menu Listing Available Sections
    • Build-In Navigation Widget
    • Build-In Post Settings
    • Build-In Global Settings
    • 800+ Fonts Variants to Choose
    • Customizable colors
    • Support for translations
    • Crossbrowser Compatible
    • Documentation With Step-By-Step Guide Included
    • Instructional Videos
    • Valid HTML5 Code

    This Item is Supported

    Support is conducted through our Support Forum. We’re in GMT +1 and we aim to answer all questions within 24 hours in weekdays. In some cases the waiting time can be extended to 48 hours. Support requests sent during weekends or public holidays will be processed on next Monday or the next business day.

    We Are Trusted by 80,000+ Customers

    We are a team of passionate people with 10+ years of experience and 6+ years of our presence on CodeCanyon. We specialize in WordPress, design and development. Please follow us to stay up to date as we continue to craft our works.

    Follow on EnvatoFollow on TwitterQuanticaLabs Support ForumQuanticalabs Website

    Videos

  • Tremendous Submenu for Visible Composer (Add-ons)

    Tremendous Submenu for Visible Composer (Add-ons)

    Mega Submenu addon for Visual Composer. Simple and easy to use. It works with your existing menu but with ability to use Visual Composer widgets and grid system to build mega submenus. Our demo examples are included as VC templates so you can start quickly when creating new submenus.
    Use Visual Composer drag and drop system with no coding skills required.
    If you are Visual Composer user, use this plugin to create mega menus/submenus just like you would use VC for creating any page.

    See how it is used by others here

  • Fullscreen Navbar (Navigation and Menus)

    Fullscreen Navbar (Navigation and Menus)

    Clean & simple Fullscreen navigation menu comes with five different sliding animations and animated hamburger menu with three styles.

    Easy to use: all you need is one CSS file and few HTML lines of code.

    Menu animations

    • Fade in
    • Slide in from top
    • Slide in from botttom
    • Slide in from left
    • Slide in from right

    Hamburger icon styles & positions

    • Simple icon
    • Squared icon
    • Radial icon
    • Different positions: top / bottom – right /left

    Features

    • Pure CSS3
    • Simple & clean code
    • Easy to use and integrate to your site
    • LESS files included
    • Valid HTML5
    • Multiple animation effects
    • Different hamburger icon styles
    • 100% Responsive
    • Well commented code
    • Documentation included

    Demo sources

    Versions

    • 28.11.20016 – 1.0: Initial version

    Our demo gives you full preview, so please see it in action.

  • Ashiteche CSS Menu (Navigation and Menus)

    Features

    • Clean Design and Code
    • Pure CSS3
    • 2 DropDown Effect
    • Awesome Animation
    • Google Font
    • Cross-Browser Supported
    • Easy to Use
    • Detailed Documentation
  • Modak – Materialize Evolved Navbar (Navigation and Menus)

    MODAK – Materialize Advanced Navbar is a professional Google Material Responsive Navbar Design compatible with materializecss. This Navbar comes with horizontal with 5 different Navbar design.

    Responsive Navbar is a flexible and Advanced to build your custom Materialize Responsive Navigation. It is very easy to build a vertical menu. you can set up the MODAK – Materialize Advanced Navbar some link item drop down by mouse click. You can assign 5 type of design and each design 5 diffrent menu look.

    MODAK – Materialize Advanced Navbar is a Navigation component based in CSS and Javascript code. It is a Responsive Navbar suitable for any type of website and template or landing page.

    Features

    • – 100% Responsive Layout
    • – Materialize Advanced Navbar
    • – Google Web Font “Material Icons
  • Modak – Materialize Evolved Navbar (Navigation and Menus)

    MODAK – Materialize Advanced Navbar is a professional Google Material Responsive Navbar Design compatible with materializecss. This Navbar comes with horizontal with 5 different Navbar design.

    Responsive Navbar is a flexible and Advanced to build your custom Materialize Responsive Navigation. It is very easy to build a vertical menu. you can set up the MODAK – Materialize Advanced Navbar some link item drop down by mouse click. You can assign 5 type of design and each design 5 diffrent menu look.

    MODAK – Materialize Advanced Navbar is a Navigation component based in CSS and Javascript code. It is a Responsive Navbar suitable for any type of website and template or landing page.

    Features

    • – 100% Responsive Layout
    • – Materialize Advanced Navbar
    • – Google Web Font “Material Icons