Step 10: Bottom Navigation Style
Written by the Divi Engine Documentation Team
Watch This Video
Introduction
Follow this information to use the Bottom Navigation of Divi Mobile.
Read First
As you build your mobile menu you need to know two things. Firstly, due to the way WordPress has been built, there may be times that the live preview mode does not load instantly. If you find this happening, please publish and reload until you see your work. Note that you may also have to view your mobile menu from a device that is not logged into the wp-admin dashboard of your Divi website such as your mobile phone. Secondly, Divi Mobile saves the menu you build to your active theme. Therefore if you change your active theme to a new child or parent theme then you will need to rebuild your menu.
Go To The Theme Customizer
Make your way to the Divi customizer by clicking on Appearance > Customize.
Click on Divi Mobile Bottom Navigation Style
Click on Divi Mobile and then on Bottom Navigation Style.
Bottom Navigation Style
The bottom navigation style section of Divi Mobile contains important features that you will use to style the secondary menu that you have assigned in the general settings. While each element is self-explanatory, we do provide information on how to CHANGE the icons in the menu below. Make sure you have assigned a secondary menu to the bottom navigation in the general settings.
How to change the icons in the menu?
Step 1: CSS Classes
Go to your menu, click on Screen Options and check CSS Classes.
Step 2: Elegant Themes
Navigate your way to the Elegant Themes Icon page by clicking HERE. Scroll down until you see the Complete List Of Class Names.
Step 3: Copy & Paste
Copy and paste the icon CSS class that you like into the space provided under each menu item and click save.
More Support?
Please email us at [email protected] if you are unable to get Divi mobile working.