How to add scrollbar to your submenu?

How to add scrollbar to your submenu?

Warning:

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-on

      Add-on is to suggest service product on the checkout page and encourage customers to buy more before moving to Payment. Let's explore how to set an Add-on. Step 1: General Settings Before creating an Add-on extension, you should set up the General ...