Build A Custom Divi Menu – 2020

Building a custom Divi menu takes more skill than simply dragging things in to place. This tutorial will help you produce a mobile app style menu using the Divi Theme Builder and a few lines of code.

Share the projects you build using this layout so I can check them out…

Insert this code inside the column that holds the blurb modules


Listen to the Divi Addicts Podcast Today

Get Our Free Website Starter PDF

Related Posts

Build A Custom Divi Menu

Build A Custom Divi Menu

We discuss how to custom code a unique menu using the Divi Wordpress Theme. Follow along and you will have a unique menu in minutes.

Join the conversation


  1. janve

    I created the mobile menu with 3 icons and 1 hamburger menu in the top of the mobile page. When i open the hamburger menu the drop-down-list is to small. I would like that the drop-down list of the hamburger menu when it opens, is for example 50% wide.
    When I open the Menu settings in the DIVI builder and go to Design tab and then edit “width” to 50%. I accomplish the 50% of the drop-down list of the hamburger menu but the other 3 icons in the row move to the other 50% of the Row.
    I would like to adapt only the width of the drop-down list of the hamburger menu. Is this possible?

    • klm

      Absolutely. It would require you to put code on the .sub-menu class. You’ll need to align it to the left and increase width to cover the entire screen.


Submit a Comment

Your email address will not be published. Required fields are marked *