by learnhowwp.com | Feb 11, 2020 | Blog, Divi Tutorial
In this article we will change the logo on scroll in the Divi Header. Elegant Themes have a tutorial on their website that uses Custom CSS code. However the code from the article does not work on the Firefox Browser. We are going to use jQuery code to change the logo...
by learnhowwp.com | Feb 6, 2020 | Blog, Divi Tutorial
In this tutorial we will add a transition effect to the Divi Header. In this effect the width of the Divi Header will increase when you scroll down adding a smooth transition effect to it. You can have a look at the GIF below to preview the end result. Now that you...
by learnhowwp.com | Feb 5, 2020 | Blog, Divi Tutorial
In this tutorial we are going to learn how to create a slider with static text and image on it while the background image changes for each slide. Here is a preview of how it will look at the end. Now lets get started with the tutorial. 1. Create Your Slider The first...
by learnhowwp.com | Feb 4, 2020 | Blog, Divi Tutorial
We are going to make the Custom Divi Header created using the Theme Builder or Divi 4.0 Fixed or Sticky in this tutorial. It has become really easy to make the custom Divi header fixed after the 4.2 update to the Divi theme which added the Position Options. The...
by learnhowwp.com | Feb 3, 2020 | Blog, Divi Tutorial
In this tutorial I am going to show you how to add a Font Awesome Icon to the Divi Menu. This is a followup to the How to Add Icons in the Divi Menu tutorial. Instead of adding the default Divi Icons we are going to add Font Awesome Icons to the Divi Menu. The steps...
by learnhowwp.com | Jan 30, 2020 | Blog, Divi Tutorial
In this tutorial I will show you how to add Icons to your Divi menu really easily without using any plugins. The Divi theme comes with a number of icons by default. You can checkout the full list of icons and their codes on their website Elegant Icon Fonts. The...