Header Builder

The Header Builder allows you to easily create and customize your website’s header layout without editing any code. You can visually design headers using drag-and-drop elements such as logos, menus, icons, search bars, and more. The builder provides multiple layout options and responsive settings, ensuring your header looks perfect on desktop, tablet, and mobile devices. You can also create different headers for specific pages or conditions, offering full design flexibility.

Porto Menu Element

The Porto Menu Element allows you to add fully customizable navigation menus anywhere on your site — such as in headers, footers, sidebar or custom page layouts — while maintaining design consistency with your overall Porto theme styling. With this element, you can control every aspect...

Porto Logo Element

The Logo is one of the most essential elements of any website. It represents your brand’s identity and helps users recognize your business instantly. The Porto Logo Element is designed to display the logo you’ve set in the Theme Options, and it's used exclusively...

Header Builder Elements

Porto offers a powerful and flexible Header elements that allows you to create fully customized headers using your preferred page builder — whether it's WPBakery or Elementor. These builders are tightly integrated with Porto, giving you the freedom to design responsive, high-performance headers without writing...

Assigning Header

Once you’ve created and saved your custom header using the Porto Header Builder, the next step is to assigning header to your website. This allows your newly designed header to appear across your site or on specific pages as desired. Follow the steps below for...

Creating a Header from Scratch

For a fully personalized header design, you can build one from scratch using the Porto Header Builder. Follow these steps to create a unique and responsive header tailored to your website’s needs. Navigate to Porto > Template Builder > Header. Click Add New Enter a descriptive name and...

Importing Prebuilt Header Block from Porto Studio

You can easily build header by importing header block from Porto Studio. Porto Studio provides a collection of professionally designed header templates, allowing you to quickly implement high-quality designs without starting from scratch. Access the Header Builder: Navigate to Porto > Template Builder > Header in...

Enable Header Builder

The Header Builder is a powerful feature of the Porto theme that allows users to create and customize headers with a user-friendly interface. Before you can start using the Header Builder, you must ensure it is properly activated and configured. Here's a detailed guide to...

About Header Builder

The Porto Header Builder is an advanced, user-friendly tool specifically designed for the Porto theme, enabling users to create highly customizable headers without any coding knowledge. This feature is an essential part of Porto's full site editing capabilities, offering unparalleled flexibility and control over...