Step 6: Burger Menu

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. 

Remember to update or publish your work as you go. Follow the images below.

1.) Appearance Customize. 

Make your way to the Divi customizer by clicking on Appearance and then Customize.

2.) Divi Mobile Burger Menu. 

Click on Divi Mobile and then on Burger Menu.

3.) Burger Menu. 

The burger menu section of Divi Mobile allows you to style your burger menu. Here you will select your burger menu style, burger menu distance from the edge, burger menu open colour, and other important elements. While each element is self-explanatory, we do provide information on some of the features below to assist you.

BURGER MENU ICON

All the settings inside the burger menu icon area refer to the styling of the content inside your burger menu such as the lines.

BURGER MENU TEXT

All the settings inside the burger menu text area refer to the text that you can place alongside your burger menu.

Well done for completing step six. Click HERE to proceed to step seven.

Please remember to contact us HERE for any support.

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