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


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.


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


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).


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?

1 out of 3 found this helpful