Superstore includes three options for the header's layout: Basic, Traditional, and Minimal.
Select a layout option
In the theme editor (Customize), open Theme settings then Layout.
There are three Layout options: 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.
Add an announcement bar
In the left sidebar, scroll down to open the Announcement bar section.
Enable Show announcement to activate the announcement bar.
To display the announcement bar on the home page only, select Show on home page only.
Add text
Use the Text field to add your announcement message.
To display separate text for mobile devices, add your announcement message to the Alternate mobile text field.
Connect a link
Add a URL to the Link field to connect the announcement bar with a specific page.
Select colors
Choose colors for the section's Text color and Background color.
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.
Earn extra revenue by referring Turbo, Flex, and Superstore!
You can earn commissions on referred sales of Turbo, Flex, and Superstore when you join our affiliate program in PartnerStack!
Affiliate Program Benefits:
- Earn 15% commissions - Receive up to 15% commission for each sale made through your referral link. This is a fantastic opportunity to generate additional revenue while helping your clients elevate their online presence.
- Exclusive access to our themes -As an affiliate, you'll gain insider access to our top-selling themes, including Turbo, Flex, and Superstore, which are known for their adaptability, robust features, and exceptional design.
- Dedicated support and resources - We provide our affiliates with dedicated support, marketing materials, and all the resources needed to successfully promote our themes.