Skip to main content
Fan Menu

Learn how to add and customize a Fan Menu component

Diego Muralles avatar
Written by Diego Muralles
Updated over 6 months ago

The Fan Menu provides a convenient and visually appealing way for your readers to navigate through a project or website. The concept involves using a burger menu icon as a trigger to reveal a fan-like dropdown menu containing various navigation options.

Adding a Fan Menu

  • From the left panel, click on the Add Menu (Shortcut: M)

  • Search for and select Page Tile Menu

  • Click and drag the component onto your canvas

Tip: Pin the menu to the necessary pages at the top of the styles panel.

Setting up a Fan Menu

Adding a Menu Item

  • Double-click the Page Fan Menu

  • Click on Add menu item

  • Write the item's name in the Label field

  • Choose the link type from the Link type dropdown menu

  • Set up the link type you've chosen (refer to the Link Types section above)

To add all of the necessary items, repeat these steps as many times as needed. If you need to edit a setting, click the Pen icon next to the item's name to enter the options.

Arranging The Menu Item's Order

The navigation pager order is affected by the order of your menu items in the list. Follow the steps below to arrange them when needed.

  • Double-click the Fan Menu

  • Click and hold the equal icon (=) next to the menu item you want to move

  • Drag it up or below the item you need

Did this answer your question?