Header

Each block includes visibility options, enabling you to choose whether it should be displayed only on mobile, only on desktop, or on both. You can also select which group the block should belong to: left, center, or right. The arrangement of the blocks within the section determines their order within each group.

The section will automatically determine whether to display the mobile or desktop version based on the content width. If you want to manually adjust this, you can utilize the Custom CSS field of the Header section.

Navigation blocks

We designed the Header section to be highly versatile, allowing you to add multiple navigation blocks in either an inline or hamburger style.

Logo block

The logo block allows you to select whether to use a text logo or an image logo. Detailed settings for the logo can be found in Theme settings > Logo.

Search, Cart, and Account icons

For each of these blocks, you can choose whether their content should open as a drawer or direct customers to a separate page, such as cart details or search results. This flexibility is often necessary for better integration with various apps.

Custom liquid

Custom Liquid blocks allow you to create your own types of blocks. With some coding experience, you can use these blocks for symbols, icons, images, or any other content you desire.