Estimated reading : 2 minute

Step 1

To start building a header, visit your WordPress Dashboard > Header Footer > Headers > Add New From here, you can create as many headers as you require. 

You can add your header title from here and do make sure that you have the template option selected to “Elementor Canvas and hit publish.

Roofy Header Builder Widget

You can also make it visible on your entire website or on specific pages by toggling on and off from the sidebar “Display On option and selecting your preferred pages.

Step 2

To customize your Header further, go to Theme Settings.

Rooty Header Option

From the Header menu, you can add your website’s logo, sticky logo retina logo and so much more.

After you’re done press Save Changes, to see site-wide changes take effect.

Step 3

Now to add content to your Header, visit your WordPress Dashboard > Header Footer > Headers > Header and click on the Elementor page builder button.

Edit With Elementor Button

Step 4

Now from the left-hand side, search for the required Roofserv widgets and drag & drop them on the header section. For this example, we’ll be showcasing the logo insertion widget, for that search the Roofserv Site Logo widget and drop it in the header section.

Roofy Site Logo Widget

From here you can change the logo that you have uploaded from the Roofserv Theme Options menu or further customize it from the Advanced section.

You can do the same with the other preset Roofserv widgets that we’ve pre-installed along with the theme. When you’re done press Publish to see the changes take effect.

And there you have it. You have just created your header section. You can further customize it with Elementor and provide customization options with the Roofserv widgets.

And that’s it.


Still Stuck?

We can help you. Create a Support Ticket

Was this article helpful to you? Yes No
Create Support Ticket
Saasland WordPress Theme
Best Elementor Addons

Best WordPress Dark Mode Plugin