Joomla Demo
Wordpress Demo
Home
Back
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Back
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Back
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Back
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Back
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Back
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Back
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Back
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation
Menu
Create an off-canvas menu and module that slides in and out of the page, which is perfect for creating mobile navigations.
Default and Overlay
Flip Mode
Color Customization
Modal and Nav Center
04 animation modes
1: Slide - The off-canvas slides out and overlays the content. This is the default mode.
2: Push - The off-canvas slides out and pushes the site.
3: Reveal - The off-canvas slides out and reveals its content while pushing the site.
4: None - The off-canvas appears and overlays the content without an animation.
02 menu styles
1: Default
2: Primary
More options:
1: Flip off-canvas to the right side.
2: Display the off-canvas together with an overlay.
3: Close the off-canvas when the
Esc
key is pressed.
4: Module - You can pick a module inside offcanvas bar content.
Home
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation
Home
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation
Home
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation
Home
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation
Home
Preset 1
Preset 2
Preset 3
Preset 4
Gantry5 Particles
Heading
Accordion
Alert
Simple Counter
Animated Text
Calendar
Call To Action
Card
Carousel
Image
Countdown
Data Tables
Image Compare
Slideshow Grav
Gallery
Filter Gallery
Slideshow
Faq
Overlay
Button
List
Divider
Description List
Video
Tab
Flipster
Text
Notification
Table
Popover
Grid
Subnav
Feature Box
Search
Paypal Donate
Instafeed
Code
Progress Bars
Quotation
Light Gallery
Intense Gallery
Menu Canvas
Pricing Table
Dotnav
Grav Content Slider
Grav Content Grid
Testimonial
News Ticker
Tiles Grav
Content Toggle
Timeline
Timeline Grav
Inline Svg
Social Share
Content List
Navbar
Twitter Feeds
Facebook Button
Facebook Page
Facebook Embed
Open Street Map
Team Member
Price List
Newsletter
Offcanvas Content
Logo Advanced
Contact Info
Footer Info
Accordion Grav
Nav
Pages
Blog Page
Particles
Documentation
Download
Gantry5 Atom
Cookie Consent
Back To Top
ParticleJS
Headroom
Preloader
Block Reveal
Video Background
Sticky Navigation