Canvas Documentation
Bubble Best Practices
v2
v2
  • Welcome
  • Introduction
  • Contents
  • Using Bubble
    • Bubble basics
    • Bubble best practices
      • Principles
      • Database
      • Design
      • Security
      • SEO
      • Speed
      • Modularity
        • Data triggers
  • Using the template
    • Getting the template
    • Setup
      • Quickstart
      • Features and configuration
        • Customizable landing page
        • Header menu
        • Menu focus group
        • Styles and colors
        • Extending the admin portal
        • Set a password policy
        • Enable cookies
        • Alerts
        • Emails
        • Hidden variables popup
        • Set up index page redirects
        • Set up payments on account page
        • Set up social media links
        • Search engine optimization (SEO)
        • Setting up domains
        • Legal docs
    • Extending the template using Canvas Pages
      • How it works
      • Get started
      • Setting up added modules
      • Updating Canvas styles
    • Extending the template manually
      • Padding
      • Pages, groups, and popups
      • Hiding groups
      • Styles
    • Reference
      • Pages
        • index
        • admin
        • home
        • account
        • verify
        • login and loginsimple
        • termsofservice
        • privacypolicy
        • reset_pw
        • standardpage
        • 404
      • Reusable elements
        • header
        • footer
        • signup/login
        • popupsreusable
        • menufocusgroup_template (︙)
        • menufocusgroup_user
        • menufocusgroupfeature_b
        • menufocusgroup_email
        • menufocusgroup_notifications
        • menufocusgroup_shoppingcart
        • menufocusgroup_search
        • cookiespermission
        • homepageblocks
        • admin portal reusables
          • admindashboard
          • admingeneralsettings
          • adminemail
          • adminseosettings
          • adminsocialmediasettings
          • adminsocialmediainfo
          • adminlegalpages
          • adminhomepagesetup
          • adminstyles
          • adminfeaturebacklog
      • Data and workflows
        • Data structure
        • Option sets
        • API workflows
      • Canvas Pages: lists of modules & page templates
  • Demos
    • Yelp for Books
  • Other Canvas templates
Powered by GitBook
On this page

Was this helpful?

  1. Using the template
  2. Setup
  3. Features and configuration

Header menu

Basic info about this menu and how to add extra buttons to the header menu.

PreviousCustomizable landing pageNextMenu focus group

Last updated 5 years ago

Was this helpful?

contains a menu with two purposes:

  • Provide users an attractive and less intrusive navigation menu

  • Provide buttons for mobile users, where screen space is limited

This menu is configured for users to log in, sign up, , and log out.

To configure these buttons, you need only modify existing groups that are already placed within the menu.

There are 6 hidden groups inside the "logged in" part of the menu (shown to logged in users). These groups serve as additional buttons when editing this menu.

Change the display and workflows associated with the next available menu item.

To add a new item to the logged out menu, you'll need to move the Group Menu Item into the Group Loggedout, and resize the heights of Group Loggedout and Group Logged In.

Workflows on the page will need to be set up as well, and you should use the custom workflow already associated with this menu item. Make sure to modify the workflow name so that it is clear what it does.

After completing these changes, make sure to test your page and new workflow to see that everything works as expected.

The header reusable element
manage their account
Default menu for a logged in non-admin user
Default menu for a logged out mobile user
Bubble editor view of header menu
Select a menu item and change it
Edit the display of the menu item
Edit the name and actions of the Custom workflow
Check to make sure your new menu items work