header
R43: How to Highlight Active Links on Scroll and Click for One Page Divi Websites
If you are creating a one page website in Divi, chances are you are going to be using anchor links in your primary menu to enable the user to navigate between different areas of the page. The problem with this is that currently, Divi doesn’t provide any... read more
Q20: Rearrange Navigation Items with Flex
Sometimes you want your navigation items in a different order. Maybe you want your social links to align right, or you want the secondary menu on the left. Perhaps you want to split your main menu into two sections. All this can be done quite easily with flex, and in this quick snack I show you how.
read more
R38: How to Show a Default and Hamburger Menu at the Same Time
In this Divi recipe I will show you how to display a default styled menu along with a hamburger menu at the same time. If you need to create a site that utilises two menus, this solution using the built in Divi options, minimal code and no plugins is for you.
read more
R36: How to Control the Divi Header and Slider Height and Content Position
In today’s recipe I will show you how to add a little CSS so that you can control the height of your header and slider modules, regardless of the amount of content, and position that content at the top, middle or bottom.
read more
F16: A Better Divi Main Menu
This free Divi resource restyles the default main menu to a customised non-Divi look. It includes both customiser and theme options .json files to import, with all the CSS and and JS automatically added to your theme options dashboard.
read more
F14: Custom Header with Font Awesome Icons
This free Divi layout includes a custom header.php file to add to your child theme, along with a library layout and CSS to hide the default header and style and show your new header across all your sites’ pages and posts.
read more
F2: Fullscreen Split Hero Section with Animated Content
This free Divi layout uses the native Divi fullwidth header module but with some cool modifications to animate each of the text and button elements so they slide in individually on page load.
read more
R31: How to create a Random Header Image using the Divi Gallery Module
Didn’t think displaying a random header image was a functionality built into Divi? It is, well kind of 😉 In Recipe #31 I show you how to display a random header image each time the page is loaded.
read more
R21: How to add the Ken Burns Effect to the Divi Fullwidth Header
In recipe #21 I show you how to add the popular Ken Burns zoom and pan effect to the Divi fullwidth header module. No plugin, no JS and no PHP, just CSS 🙂
read more
R4: Fullwidth Header with Changing Words
I am currently working on a new child theme and I wanted to incorporate a really eye catching header that could deliver some key messages.
read moreLike us on Facebook
