Header

#What is the header section?

The header is a content block at the upper part of your website that appears on every page. It usually contains the logo of a store, the main navigation menu, and other elements such as a search bar, language selector, etc.

The header plays a vital role in branding your site, helping visitors navigate, and displaying your most important pages.

#How to edit the header section in Sleek

You can freely customize your header to suit your business needs by choosing the main menu, and other addons.

#Menus

Click Select menu to connect a menu (assembled in the Navigation admin). You can choose your desktop menu and mobile menu separately.

Set the menu's dropdown to be opened by clicking or hovering on the menu items using the Dropdown menu trigger setting.

Enable the Show separator line checkbox to delineate the header from other sections with a separator line.

#Header layout

Decide how the logo and menu are displayed on your header.

Logo left, menu centerLogo center, menu leftLogo center, menu split

#Sticky header

Set your header to be visible when scrolling up or always visible using the Sticky header setting.

You can also enable a separator line between the header and other sections below.

#Transparent header

You can enable a transparent header to create a visually appealing and immersive experience for your customer. This feature allows the first section to seamlessly blend below your header, rather than appearing separate.

• Enable transparent header: Enable transparent header for your theme
• Color: Change the color of the text on transparent header

#Mobile layout

Decide the logo position on mobile view:

• Logo left, hamburger menu icon right
• Logo center, hamburger menu icon left.

Logo left

#Add-ons

• Show social media icons: based on your settings in Theme settings > Social media.
• Enable language selector: to include a Language selector dropdown for customers to select their preferred language.
• Enable country/region selector: to include a Country selector dropdown for customers to select their region and currency.