Skip to main content

Multi Location Widget

1. Create a new menu (Appearance > Menus).

2. Add a Custom Link for each location, for example-

multilocation screenshot 1

3. Add a menu module to your global header, set “Convert to mobile menu at” to Desktop so the mobile menu trigger is seen at all times.

4. Style the menu trigger as needed, note additional fields have been added to support styling the hamburger icon as a button-

multilocation screenshot 2

5. Done!

To adjust the lightbox sizing, insert the following code in Site Options > Code > CSS:

.fl-node-NODEID .ecp-menu-mobile.ecp-menu-mobile-type-hamburger .ecp-menu-hamburger-content{top:10% !important;left:10% !important;bottom:10% !important;right:10% !important;}

Replace the NODEID with the ID of the node the menu has been inserted into (you can find this via the browser inspector).

inspector screenshot

You can then replace 10% with whatever sizing you like.

How to find the Node ID