Banjo Section - Header

Banjo Section - Header

Overview

The Banjo theme includes a highly customizable Header feature. It appears on every page to promote your company's brand and provide helpful links, tools, and more.

Guidelines

Customize section

Steps:
  1. From your Shopify admin, go to Online Store > Themes.
  2. Find Banjo theme that you want to edit, and then click Customize.
  3. In the Left-hand side of your screen, click the Header.

Section settings

Setting Description
Section width Set the width of the section using the drop-down menu:
  • Grid
  • Full width
Section spacing Set the spacing of the section using the drop-down menu:
  • Small
  • Medium
  • Large
Enable sticky header Redisplays the header when the customer scrolls back up. Disappears when the customer scrolls down.
Logo image The logo image of header. Click Select Image to view your media library, or click the Change button to change or remove the image.
Edit alt text Add a brief description to improve SEO and to describe the media for customers using screen readers.
Desktop logo position Where the logo displays in the header when a customer views the site on a large screen. The position of the logo is automatically optimized for mobile.
  • Left - Displays the logo inline with the main menu, centered vertically and aligned to the left.
  • Center - Displays the logo inline with the main menu, centered the logo, and aligns menu items to the left.
Logo width The width of the logo. Can be any multiple of 5, from 50 px to 350 px. The default is 140 px.
Mobile logo width The width of the logo on mobile. Can be any multiple of 5, from 50 px to 350 px. The default is 140 px
Main Menu  
Main menu The menu to use as your main menu. Click Change to select a different menu. Visible when the Desktop logo setting is set to Top Center.
Main menu position Set the position of the Main menu using the drop-down menu, visible when the ‘Desktop logo’ setting is set to Left.
  • Left
  • Center
  • Right
Main menu font size Set the font size of the Main menu using the drop-down menu:
  • Small
  • Medium
  • Large
SECONDARY MENU  
Show text Checked to show search icon. Icons for account, search and cart are replaced by text on desktop.
Show search icon Checked to show search icon. Visible when the ‘Show text’ setting is unchecked.
Show cart icon Checked to show cart icon. Visible when the ‘Show text’ setting is unchecked.
CURRENCY SELECTOR  
Enable country/region selector Adds a selector where a customer can choose the countries and regions that you've enabled in your payment settings, so that customers can view your product prices in the currency of their choice.
LANGUAGE SELECTOR  
Enable language selector Adds a selector where a customer can choose the countries and regions that you've enabled in your language settings, so that customers can browse your store in the language of their choice.

Mega menu block

Setting Description
Link title The link title of the main menu which you want make it as a mega menu.

Mega menu image block

Setting Description
Link title The link title of the main menu which you want put the image below
Image The image display under mega menu.
Edit alt text Add a brief image description to improve SEO and to describe the image for customers using screen readers.
Heading The title for the block
Subheading The subheading for the block
Link The URL that you want the image to link to

Section cases

Recently viewed