Mobile Bottom Navigation

Create a unique website by having bottom navigation on your website.

Go to Appearance > Customise > Divi Mobile > Menu Style and Settings.

On the setting "SELECT MENU" - select "Bottom Nav".

This will show another setting called "Bottom navigation menu style" which will show all the bottom navigation menu styles that you can choose from. The bulk of the settings are in the tab "Bottom Navigation Settings".

Here you can change the color and font size of the icons and text for your menu items.

To add an icon to your menu, go to https://www.elegantthemes.com/blog/resources/elegant-icon-font and scroll down till you see the icon you want to use. Copy the class name for example "icon_house_alt" for the house icon.

Paste this as the css class for your menu to show it.

See the circle stretch menu for more help about how to assign css classes to your menu - https://help.diviengine.com/article/60-divi-mobile-circle-stretch-menu-settings

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us