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 from BASE to BASE Pro

  1. Create a Child Theme (Optional but Ideal)
    • Create a child theme from BASE Pro, named BASE Pro – Company Name
      • This enables future customization without editing the core theme
      • Bonus: future BASE Pro updates won’t overwrite their changes
  2. Transfer Theme Settings
    • Go to Design Tools > Themes > BASE
    • Open the theme settings and manually copy all customized settings (colors, fonts, spacings)
    • Open BASE Pro (or its child) and replicate those settings. There’s no native "copy theme settings" feature in HubSpot, so this has to be done manually for now.
  3. Switch Page Template
    • Change the page template to the equivalent one from BASE Pro (or child)
    • You’ll lose your global header/footer
  4. Migrate Header & Footer
    • With the new BASE Pro page open the global header and footer 
    • Rebuild the global header and footer using modules from the BASE Pro theme.