1. Create a new menu (Appearance > Menus).
2. Add a Custom Link for each location, for example-
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-
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).
You can then replace 10% with whatever sizing you like.