Superstore includes three options for the header's layout. These range in layout, features, and more.
Use the theme editor to access the layout settings, select a layout option, activate the sticky header, and enable full width.
Access the layout settings
Go to Customize > Theme settings > Layout
Select a layout option
There are three Layout options in the Theme settings: Basic, Traditional, and Minimal.
Basic
The Basic layout provides a stripped-down, simple header.
Use the Below header option under Navigation layout to place the menu items below the logo or store title.
Traditional
The Traditional layout will show the navigation underneath your logo, search, and site action items.
Minimal
The Minimal layout will condense the navigation and site items into a collapsed hamburger-style menu.
Different options for layout
The options within the Header section editor are slightly different depending on whether you select the Basic, Traditional, or Minimal layout in the Theme settings.
For example, selecting the Minimal layout will reveal the option to have either Left logo with center search bar or Center logo with search icon, but these options aren't included in the Basic layout.
Activate the sticky header
When scrolling down the page, the header can either remain static or scroll along with the customer. This second option is known as a sticky header and can be activated by checking Enable sticky header.
Even if the Traditional layout is active in the Theme settings, the sticky header will use the Minimal layout when scrolled.
Enable full width
With the desktop view of Superstore’s header, the width of the header’s content is limited to the width of the rest of the site’s content. To have the header expand beyond this, select Enable full width header.
To set the width of the site’s content, head to the Theme settings tab, click on Layout, and look for the Site width option.