Skip to main content

Header Off Canvas Menu

Off Canvas Menu
  • This will add an off canvas menu button on all viewports to your header navigation. When this is disabled, the off canvas menu will only be visible on mobile devices.
Off Canvas Menu Style
  • The "Slide Out From Right Hover Triggered" style will force the "Full Width Header" option regardless of your selection.
Off Canvas Menu Separate Mobile Menu
  • This will cause your off canvas to only display navigation menu items assigned to the "Off Canvas Navigation Menu" location when viewing on a mobile device.
Default Off Canvas Background Image
  • Choose the default image to be shown in your Off Canvas Menu. You can also supply a unique item for each menu item in Appearance > Menus.
Off Canvas Menu Dropdown Behavior
  • The functionality for how dropdowns will behave in your off canvas menu.
Off Canvas Menu Add Menu Label
  • Adds the text "Menu" next to your OCM button.
Off Canvas Menu Button Position
  • Selects the location your OCM button will render in.
Off Canvas Menu Bottom Text
  • This will add some text fixed at the bottom of your off canvas menu - useful for copyright or quick contact info etc.
Off Canvas Menu Overlay Strength
  • Not all off canvas menu styles utilize this option.
Off Canvas Menu Mobile Nav Menu items
  • This will cause your off canvas menu to inherit any navigation items assigned in your "Top Navigation" menu location when viewing on a mobile device.
Off Canvas Icon Style
Off Canvas Navigation Menu Button BG Color
  • Optionally define a background color for your off canvas navigation button within the header.
Off Canvas Navigation Menu Button Color
  • The color of your OCM button link background.
Off Canvas Menu Custom Font Size (Desktop)
  • Optionally specify a custom font size to use for your off canvas navigation menu items when viewed on desktop displays. All unit types are accepted.
Off Canvas Menu Custom Font Size (Mobile)
  • Optionally specify a custom font size to use for your off canvas navigation menu items when viewed on mobile displays. All unit types are accepted.