The Bottom Navigation Bar 2 is the second layout of the bottom navbar section layouts series. It is a Divi section layout which adds a fixed menu bar at the bottom of the screen which always stays in the viewport while the page content is being scrolled. Like the…
The Bottom Navigation Bar 1 layout is a Divi section layout which adds a fixed menu bar at the bottom of the screen which always stays in the viewport while the page content is being scrolled. This fixed menu bar can be used to provide the website visitor a quick…
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…
Today’s freebie is the Divi Fullscreen Contact section layout with sliding in contact form, social media icons, animated SVG and ripple effect on button click.
Today’s freebie is the Divi Module Slider Section layout with the Pause/Play, Previous and Next controls and infinite scrolling. It is similar to the Testimonials Slider freebie released earlier but Module Slider supports various modules and allows to control the automatic scrolling.
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…
