Off Canvas Top

The Off Canvas Top component is a full screen section of page that remains hidden at the top of the page. Hidden until a visitor chooses to open it that is.

Instructions

Off Canvas Top

In this tutorial, we’ll demonstrate how to add or remove components from the Off Canvas Top component. The Off Canvas Top component is a full screen section of page that remains hidden at the top of the page. Hidden until a visitor chooses to open it that is. The Off Canvas Top component is much more of a component ‘loader’ than anything else. It give you the ability to include components in your page such as the Google Search, or the Social Icons but NOT have them clutter up the page. By default the Off Canvas Top simply ‘loads’ other components. There isn’t anything in the Off Canvas Top that you would edit in that component itself, it just ‘loads’ other components. Thing of the Off Canvas Top as a section of the page that simply sides in and out of view, at the visitors choosing because that’s all it really is. A container for other components. You can include text, images, or any HTML that you like though, you’re not limited to just the components that we’ve loaded in.

The tutorials are pretty basic then. We’ll show you how to remove the Off Canvas Top, how to remove components from the Off Canvas Top, and how to add other components, text, images or HTML.

Remove the Off Canvas Top Component

You can quickly remove this from all pages in your site, or you can remove it from individual pages. Let’s start with removing from all pages.

  1. Expand the ‘Library / shared / off-canvas’ (folder).
  2. Open the ‘off-canvas-top’ page
  3. Switch to ‘Code’ view
  4. Delete everything ‘between’ the opening and closing < body > tags.
  5. Save to update.

To remove from individual pages:

  1. Open your page.
  2. Switch to Code view.
  3. Scroll down to the opening <body> tag.
  4. Select the green webbot Library link with your mouse.
  5. Press delete on the keyboard to remove.

Add Components, text, images or HTML

You can replace the components in the Off Canvas Top, or add new ones. Watch the video to learn more on how to do this.

Off Canvas Top

In this tutorial, we’ll demonstrate how to add or remove components from the Off Canvas Top component. The Off Canvas Top component is a full screen section of page that remains hidden at the top of the page. Hidden until a visitor chooses to open it that is. The Off Canvas Top component is much more of a component ‘loader’ than anything else. It give you the ability to include components in your page such as the Google Search, or the Social Icons but NOT have them clutter up the page. By default the Off Canvas Top simply ‘loads’ other components. There isn’t anything in the Off Canvas Top that you would edit in that component itself, it just ‘loads’ other components. Thing of the Off Canvas Top as a section of the page that simply sides in and out of view, at the visitors choosing because that’s all it really is. A container for other components. You can include text, images, or any HTML that you like though, you’re not limited to just the components that we’ve loaded in.

The tutorials are pretty basic then. We’ll show you how to remove the Off Canvas Top, how to remove components from the Off Canvas Top, and how to add other components, text, images or HTML.

Remove the Off Canvas Top Component

You can quickly remove this from all pages in your site, or you can remove it from individual pages. Let’s start with removing from all pages.

  1. Expand the ‘Library / shared / off-canvas’ (folder).
  2. Open the ‘off-canvas-top’ page
  3. Switch to ‘Code’ view
  4. Delete everything ‘after’ the opening < meta.. tag >
  5. Save to update.

To remove from individual pages:

  1. Open your page.
  2. Switch to Code view.
  3. Scroll down to the opening <body> tag.
  4. Place your mouse on the ‘yellow’ Library code for the ‘off canvas top’ Library asset.
  5. Click the ‘mmlibitem’ in the Quick Tag Properties, this will select the complete Library asset coding.
  6. Press delete on the keyboard.
  7. Save to update.

Add Components, text, images or HTML

You can replace the components in the Off Canvas Top, or add new ones. Watch the video to learn more on how to do this.