How to create two simultaneous menus with Divi Mobile

Do you want to create a desktop layout where you have two simultaneous divi menus running at the same time? In this tutorial we show you how simple it is to do this with Divi Mobile. We have the Divi centred menu and use Divi Mobile to create a slide-in menu from the right. Below is a screenshot showing you what we want to create.

Divi Mobile Menu on Desktop

All you need to do for this to work is to change the breakpoint in Divi Mobile to be 5000 which will show the mobile menu on desktop. Then use the css below to hide the Divi Mobile custom header over a certain point and show the default Divi header.

And that’s it. Now you have your two divi menus working at the same time. We hope this has been helpful and any questions please ask. Below is a video showing you this too so you can follow along.


Submit a Comment

Explore more from Divi Engine