At the end of this tutorial you’ll be able to achieve a customised header as below.

In this tutorial you will learn how to personalise the header. Only the imagination will be the limit.

I’ve been looking for long to obtain this result in DIVI without any plugins and thankfully to the great Divi community this was really easy to be achieved.

I thought this might be useful and helpful for other people to have everything in a single place.

So, let’s begin

Go to Appearance -> Widgets - and Create a new widget. Call it widget_header_custom

Inside it add a Custom HTML code

Add this code to header.php file

<?php if ( !function_exists(‘dynamic_sidebar’) || !dynamic_sidebar(‘widget_header_custom’) ) : endif; ?>