The Divi Menu and the Fullwidth Menu modules started gaining more popularity among Divi users since the release of the Divi Theme Builder which allows creating headers using the Divi Builder. Both of these menu modules provide quite a decent functionality for…
A while back I made a tutorial about how to show/hide the vertical navigation of Divi on click and people started asking me to make a similar tutorial for the normal Divi header bar (the “horizontal” one) too. So, that’s what we will be doing in this tutorial.
In this tutorial I show how to create a Divi CTA section expanding on scroll like the one on the Elegant Themes website. The JSON file of the section is available for FREE downloading.
In this tutorial I show how to move the Divi mobile menu bar to the bottom of the screen using CSS only. The provided CSS snippets allow you to implement four different positioning scenarios.
I am constantly being asked about how to customize Divi mobile menu and in this post I’ve provided answers to some of the most frequently asked questions that I am currently receiving from the users of Divi theme. The CSS snippets provided in this post apply to…
In this tutorial we will learn how to show/hide Divi Vertical Navigation on click. This trick works for all three Divi header formats having the Vertical Navigation option: the Default, Centered and Centered Inline Logo headers. By default the vertical navigation…
In this tutorial we are going to change the way the Divi Vertical Menu submenus appear on desktop. By default the submenus show up when you hover over the parent menu item and if there are multiple submenu levels then the lower level submenu appears to the left or to…
In this tutorial we are going to make the Divi mobile menu push the page content down when the menu is opened. This effect can be implemented for the Default, Centered and Centered Inline Logo header formats using CSS only.
In this post I will show how to make a Divi button with broken border. We will use pseudo elements and CSS with a bit of jQuery to achieve the desired result.
