How to add scrollbar to your submenu?

How to add scrollbar to your submenu?


Basically, we DON'T suggest adding a scrollbar. Read reasons & other solutions here: Why we don't suggest scrollbar in menu? 

For Flyout menu, can only add scroll bar if flyout menu has 1 level.

How to add scrollbar to your submenu?

But incase you have too long menu and cannot organize it to have a short one. We also provide you ability to have a scrollbar in your submenu.
- Enable "Add scrollbar to your submenu" from root menu item
- Set height for your submenu. We recommend the value should lower than 600px. Because normal computer 600px is outside screen area.
Add scrollbar option

Example of scrollbar in submenu

- Flyout menu

Can only enable scroll bar if flyout menu has 1 level. If you have multi-level flyout, adding scroll bar will make menu can't open submenu from level 2.

- Mega menu

- Tabs menu (scrollbar show up inside tab content)

    • Related Articles

    • Why we don't suggest scrollbar in submenu?

      For merchant who has long list of menu items and want a scrollbar to scroll inside a submenu. There are reasons why we DON'T recommend users to add a scrollbar to a long menu: Although we provide a features to allow you to add scrollbar inside a ...
    • Submenu settings

      There are 3 types of Submenu: Flyout (tree) menu, Mega menu & Tab menu. Click the pencil button to edit a parent item and choose among the 3 types.   1. Flyout menu settings When selecting Flyout Submenu type, your menu will be displayed as a normal ...
    • Add Sections in Mobile Menu app

      Mobile Menu app supports 12 types of section: Menu Use this section to add your Links list. Section settings: Section title (optional): Enter a title for the section. This title will be displayed in the menu. Disable title: If you don't want to show ...
    • How to add items vertically in mega menu

      Mega menu is a type of expandable menu which shows submenu items in horizontal order. There are 2 ways to adjust the position of menu items in vertical order: 1. Set Column width Set a number of columns which an item occupies in Column width, then ...
    • Add & edit Fields

      Title  Title is the heading of the contact form, you can change it to fit your form purpose. Description  Description is a small paragraph under Title. You can use it to present the introduction or purpose of contact form. Fields  In fields list, you ...