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

display:flex;
justify-content:space-between;
align-items:center;

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

2 Comments

  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?

    Reply
    • 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.

      Reply

Submit a Comment

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