Skip to main content

Offcanvas

Easily create offcanvas menus like this this one in the mobile or desktop header.

Includes:

  • Menu: Add collapse submenus that give you full control to recreate mega menu content for mobile views.
  • Simple menu: Recreate any utility menu links on mobile.
  • Buttons: Primary and secondary button styles which are fully customizable in the module's style.
  • Icons: Perfect for creating social and sharing buttons.
  • Rich text: Insert anything you can add with a rich text area.

Interested in trying the Base theme?

The BASE theme is free and a great way to trial BASE Pro. Buying the pro version now gives you access to future updates and additional pro modules forever.

Switch to Pro

Recommended migration steps to switch from BASE to BASE Pro

  1. Purchase BASE Pro
  2. Create a Child Theme
    • Follow these instructions to create a child theme from BASE Pro and name it BASE Pro Company Name.
    • This enables future customizations without editing the core theme and future BASE Pro updates will not overwrite your changes.
  3. Transfer Theme Settings
    • Go to Design Tools > Themes > BASE and open the theme settings.
    • Then go to Design Tools > Themes > BASE Pro Company Name theme settings and and manually replicate all customized settings (colors, fonts, spacings).
    • There’s no native "copy theme settings" feature in HubSpot, so this has to be done manually for now.
  4. Switch Page Template
    • Open a website page or landing page that was built with the BASE theme and change the page template to the equivalent one from BASE Pro Company Name.
    • You’ll lose your global header/footer.
  5. Migrate Header & Footer
    • With the new BASE Pro Company Name page open the global header and footer.
    • Rebuild the global header and footer using modules from the BASE Pro Company Name theme.