Off Canvas Panel

The Off Canvas Panel provides more then another place to add your navigation. With Widget Areas and Hooks it can be loaded with extra elements. As covered in the How the Show was made post we have done a little bit of fancy work to create a Shop filter as well as provide our Mobile Navigation.

You should begin by getting to know the panel. Read this for more information.

Widgets

Widgets are added in the Customizer > Layout > Widgets > Off Canvas Panel or via the Dashboard > Appearance > Widgets. We have used Woocommerce Widgets. These types of widget are dynamic. For example the price and attribute filters only display on the Shop and Archive Pages.

A little bit of CSS to tidy up the Woo Widgets and divide them with some borders:

.slideout-widget.woocommerce ul li {
    line-height: 2em;
    display: grid;
    grid-template-columns: 0 90% 10%;
}

.slideout-navigation .slideout-widget ul.product-categories li {
    grid-template-columns: 90% 10%;
}

.slideout-widget {
    border-top: 1px solid #ccc;
    padding-top: 2em;
}

No Desktop Navigation Toggle

As covered in the Shop article the standard Navigation Toggle for desktop as been hidden as we’re using it for our Filter Widgets.

Leave a Comment

Kind Words By These Amazing Companies...

“Deyson is an expert when it comes to Final Cut Pro & Motion and always adds value to the Final Cut community.”

Leno Porto

Founder & CEO at LenoFX.com

“High-quality templates that let you add motion elements to your projects quickly and effortlessly.”

Apple, Inc.

From Apple’s Final Cut Pro Resource Page

“Deyson runs Motion Master Templates with a level of professionalism and integrity that is unsurpassed in the industry.”

Bret Williams

Founder & CEO at BretFX.com

"I Love Your Work and Use What I Already Have A Lot!"
- Bryan

Many professionals have saved money, time, effort and have wowed their clients, here is what they have to say about Motion Master Templates.

"Every editing option is extremely well-thought to make it easy for you to find and work with."

Jonas Lantz Hansen - Film editor for Soccer Clubs

"Service has been great! You definitely care about your customers, great job! Thanks again for all that you do."

PHILLIP RAYNES - Instructional Designer / Documentation Specialist

“I love your work and use what I already have a lot. Thank you very much for all you’ve done.”

BRYAN CAMERON - Final Cut Pro Editor

Item added to cart.
0 items - $0