Tag: header

Divi – Mobile menu – X – on open

Learn to change the Divi mobile menu icon open-state with this simple CSS snippet.

Divi – Adding a section to the slide in menu

Here’s a pretty simple way to add a custom section to the slide in menu.

Divi – How to add a small design element to the header

The little yellow triangle in the header of this website. Learn how to do that, and a bit more.

Divi – Header with both a nav menu & hamburger

The Preview I saw a question posted on Facebook asking how to make the header on this site with Divi. It’s a header with an extra navigation menu in the center, with the hamburger on the side. It looks like a great layout for having an extra menu that doesn’t have to be shown so […]

Divi – A section above the main header

This is a cool way to add a whole section (or layout if you wish) above the main navigation and then have it stick to the top during scroll. It’s pretty cool. Preview This is what it looks like: View post on imgur.com   You need this To start with, go get the child theme, […]

Divi – Logo overlapping both header rows

Here’s a really simple way of making a header with a logo that overlaps both header rows. With JUST CSS. So it’s pretty neat. Background I had a tutorial request for this header: It’s a nice funky site. If you want to check it out yourself, go ahead. It’s made with Divi, and there’s been […]

Divi tip – Add link to phone number in top header

You know the phone number in the top header? Yeah, let’s get that to link to a phone number automatically.

Divi Tutorial – Header with an extra row for content

This one’s a bit hard to explain in words, but it’s really cool when you get into it. Here’s another header hack / tutorial for you. (Check out some more header related tutorials: Click here) It’s quite a bit of frustrating work to make it, but for you, it’s not too hard to do… because […]

Divi Tutorial – Make your own custom megamenu

Have you tried to add a mega menu to Divi? Not very fun, eh? Well, there’s this to start with: //www.elegantthemes.com/blog/divi-resources/adding-images-to-your-divi-mega-menu It’s sort of like a mega menu.. but doesn’t give you enough creative freedom. So.. we go on to another method. The video   Details   We need two things to get this done. […]

Divi Tip – Making the social links open in a new window

Have you ever noticed that Divi’s social buttons do not open in a new window/tab? What’s up with that??? So here’s how to make the edits so Divi will open the social media buttons in a new tab/window. Video Let’s start with a child theme. If you don’t have a child theme, you should, so […]

Divi Tutorial – Custom layout fullscreen menu

Here’s a cool way of making the full screen menu much much much cooler. With a custom section! You can pretty much make your own screen. Here’s what it will look like:   So this one’s fun. The video   You’ll need to gather the following ingredients. What you need 1. Child theme. Get them […]

Divi Tip – Header Menu Item Blocks

Here’s how you can edit the header menu so the menu hover looks like a block.   The first time I started to write this post.. (or rather, added the CSS to the draft so I could finish writing the post later) was about 4 months ago. Then, I saw someone ask this question: (not […]