Header

Step 1: Create your header template

• Select the Header template
• Name your header template
• Click Create Template

Step 2: Build your header

After creating the header template, you can build it with Gutenberg or Elementor.

Step 3: Customize your header with Theme Builder

Look at the Settings Sidebar on the right and visit the Theme Builder tab.

Then, adjust the following options as needed:

Sticky Settings:

• Enable Stick to keep the element visible while scrolling.
• Enable Shrink if you want the element to reduce in size while scrolling.
• Under Stick On, select Desktop + Mobile to apply the sticky effect on both.

Display and User Role Settings: allow users to control where and for whom elements appear on a website.

• Display On: Choose where your header is visible (Entire Website, Blog Page, Product Page, etc.).
• Not Display On: Exclude specific pages or sections

• User Roles: Select user roles who can see your header (Admin, Customer, Logged-in/Logged-out users, etc.).

Responsive Visibility: Use toggles to Hide on Desktop, Tablet, or Mobile, depending on your preferences.

Time Duration Settings: Click on this section to set specific time-based display conditions for your header.

Step 4: Check how the header works in the frontend