How to Create a Diagonal Shape Background in Top Header of Divi

In this quick, fun tutorial I show you how to create a Diagonal Background Shape in the Top Header of Divi. It’s a very simple, sleek way to add some life to your Divi header by giving your top header menu a different look. It’s also a great way to leave some room for an overlapping logo if you have a design that suites that look. And with this method, you can also create ANY look with CSS you want to go for! It’s not limited to this diagonal line design. We’re going to create this effect:

First things first, make sure you have a top menu created and enabled by checking the “Secondary Menu” button in Appearance > Menus. Then just add and tweak the code below to your liking!

Like this tutorial? You’ll love my CSS Course.

Want more free tutorials and layouts?

I'd love to do more. But as you can imagine, it takes a lot of time and effort to put these together. In order for me to do these, I need to take time away from my business which is what's currently paying the bills. If you'd like to leave a tip and show your appreciation, it would show me that the time I invest in these is worth it and will help keep more coming!

This is one reason I created and highly recommend my Divi/CSS Course! If interested, use coupon code CSS30 for a discount 🙂 Would love to have you in the course as it’ll help you out with these type of customizations!

Follow me on Facebook!

Like and Follow Me on Facebook to connect with me, see exclusive Facebook-only webinars, Q&A’s and to get exclusive deals and offers I only provide to my FB followers!

Join my Divi Facebook Group!

Join my Divi Web Designers Facebook group to get free support and to be automatically plugged into an awesome, supportive community of fellow Divi/WordPress web designers!

Join the Cool Club (aka my email list)

Leave this field empty if you’re human:

I offer exclusive discounts and deals to my email list and promise not to abuse the privilege to email you directly. No spam. Just special deals, important announcements and a notification when a new tutorial or video goes live!