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 a single line of code.
With the Header Builder, you can drag and drop a wide variety of functional and design-focused elements to craft a header that fits your brand and user experience needs.
Available Header Builder Elements include:
- Logo – Display your site or brand logo in various formats and alignments.
- Navigation Menu – Add your primary navigation with customizable layouts, dropdowns, and mega menus.
- Toggle Dropdown Menu - shows items only when activated by the user. Assigned typically as the “Main Menu,” this widget is activated through a clickable or tappable icon, often shown as the three-line “hamburger” icon.
- View Switcher – Allow users to switch between grid and list views (ideal for shop/product pages).
- Search Form – Add a live search box to help users find products or content quickly.
- Mini Cart – Display the shopping cart with real-time item count and dropdown cart preview.
- Social Icons – Link to your social media profiles with customizable icons and styles.
- Mobile Menu Icon (Hamburger Menu) – Provide an intuitive menu toggle for mobile and tablet views.
- Vertical Divider – Add subtle dividers between header elements for a cleaner layout.
- My Account Icon – Display login/account access for users (with optional dropdowns).
- Wishlist Icon – Show the number of items users have added to their wishlist.
- Compare Icon – Let users access the product comparison feature with ease.
Note: Porto’s Header Builder elements are only rendered when used inside Header Blocks, not in regular pages or templates.
