Login

Help

Documentation

Hamburger Menu

Twixl Support Team Updated: - Created :

    You can add a fully customizable “Hamburger Menu” to your app. This is a quick access menu and resides in the top right corner of your app (1). It is managed using a special collection on the Twixl Platform called Hamburger Menu.

    1. How to activate the Hamburger Menu?

    The Hamburger Menu isn't enabled by default.
    You can enable it on Twixl Platform > Home > Special Collections > Hamburger Menu.

    When it is enabled, you can populate this special collection with content.

    2. How to deactivate the Hamburger Menu

    To deactivate the Hamburger Menu, you can just click the disable icon.

    3. General remarks

    GEAR MENU:

    When activating the Hamburger Menu, the ‘Gear Menu’ (to access certain config settings) will be moved to the bottom of the Hamburger Menu (see (2) in the screenshot on top).

    ACTIVATION AND DEACTIVATION:

    When you want to temporarily deactivate the Hamburger Menu, no content will be deleted. The options will just be disabled and the special collection will become invisible.

    4. What type of content can be added to your Hamburger Menu?

    Since the Hamburger Menu is actually a special collection, it has to contain content items. The following types of content Items are supported in the Hamburger Menu:

    • Placeholder: Ideal to add an image or a logo
    • Collection Link: Ideal to create navigation shortcuts
    • Web link: Ideal to link to social media, a privacy policy, etc.

    For more info about the different types of content items, you can check this article.

    5. Upload Content Items

    For more information on uploading Content Items, click here.

    6. Look & Feel of the Hamburger Menu

    WARNING:

    The Hamburger Menu has a fixed width of 300px (tablets & phones).

    The layout of your Hamburger Menu is fully customizable. You can change the layout by using the usual Twixl Platform options:

    • The overall layout is defined by a Grid Style of your choice.
    • The layout per content item is defined by one or more Item Styles of your choice.

    TIP:

    We strongly advise you to use separate Grid and Item Styles for your Hamburger Menu. Also, give them a good and logical name (e.g. Hamburger Grid Style 1). This way it will be much easier to organise and select different Styles in different Collections / Content Items of your app.

    7. Custom URL Scheme

    Via 'Weblink' you can also use a custom URL scheme to refer to specific content such as collections or articles and much more.
    For more info, see this article.