Login

Learning&Support

Documentation

Hamburger Menu (> 5.5)

Twixl Support Team Updated: - Created :

As of Twixl Publisher 5.5, publishers are able to add a fully customisable “Hamburger Menu” to their article-based apps. This quick access menu resides in the top right corner of your article-based apps and is managed using a special collection called the Hamburger Menu.

How to activate the Hamburger Menu?

The Hamburger Menu isn't active by default. You need to activate it in a special section of your Application Settings on the Twixl Distribution Platform.

After the activation of your Hamburger Menu, a special Collection will appear. It has the perfectly logical name Hamburger Menu.

How to add content to your Hamburger Menu?

Since the Hamburger Menu is actually a special Collection, you'll need to populate that Collection with Content Items. The following types of Content Items are supported:

  • Placeholder: Ideal to add an image or a logo to your Hamburger Menu
  • Collection Link: Ideal to create navigation shortcuts in your Hamburger Menu
  • Web link: Ideal to link to social media, etc.

If you need specific info about Content Items, you can read this article.

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 customisable. You can change the layout by using familiar Twixl Distribution 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 Cell Styles of your choice.

TIP:

We strongly advise you to use separate Grid and Cell 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 article-based application.

General remarks

GEAR MENU:

When activating the Hamburger Menu, the well known ‘Gear Menu’ (to access certainly config settings) will be moved to the bottom of the Hamburger Menu (see screenshot).

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.

Custom URL Scheme (> 7.0)

For more info, see this KB-article.

Was this article helpful?

0 out of 2 found this helpful