Perhaps the most unique and custom feature of Rise & Shine, the menu overlays are easy to update and customize. When you open up the Menu page you’ll see separate section blocks for each menu section.
The first row module is made up of the split column section, similar to the layout featured on the homepage. To replace the image, go to the row module settings > Advanced Design Settings and choose a new column background. To replace the content, simply open up the text module and edit as needed.
The next row module is a what we call, the “Flyover Menu”. This is an overlay screen that appears when you click the “View Menu” button in each menu section. Divi shortcodes are used to display the menu in a 2-column layout. For a list of all shortcodes available, click here.
There are also several neat effects that you can achieve by altering the classes over the flyover menu. You can preview each effect by clicking the View Menu button on the different menus of the Rise & Shine demo. Below is a complete list of effects that can be achieved by adding it as a class in the flyover menu row module:
Be sure not to remove the fw-menu class as this will break the functionality of the menu overlay.