The Header section is a critical element of your website's design. It provides navigation and branding elements that help visitors navigate your site.

Settings

Here are the available settings for the Header section:

| Colors (introduced in the v2) | Change the color of all elements in the section.

For the v1, check the color tab under the general settings. | | --- | --- | | Show border bottom | Enable/disable a visually distinct border at the bottom of the header section to enhance its appearance | | Logo position | Choose between two alignment options for your logo: middle or left-aligned within the header, depending on your design preferences | | Logo | Select the format of your logo, whether it's an image or an SVG (Scalable Vector Graphics). Adjust the logo's width using the provided range slider to ensure it integrates seamlessly with your header | | Select menu | Specify the menu to be displayed on desktop screens and the one tailored specifically for mobile devices, ensuring a responsive and user-friendly experience | | Media aspect ratio | Customize the aspect ratio for media content within the header, including images |

Learn more about:

Colors

Media aspect ratio

Sticky Header Behavior (Theme Settings)

Within the theme settings, you have the flexibility to enable or disable the sticky header group behavior.

Sticky headers remain visible at the top of the screen as users scroll down the page.

If you choose to disable this behavior, the header will not stay fixed at the top and will scroll along with the content.