Header

The header is a static section - which means it is displayed on every page of your shop. 

Settings

  • Show cart icon - enable this to show a cart icon instead of just the text "Cart"
  • Logo - Upload a logo to use instead of your Shop's title
  • Custom logo width - the width of the logo in pixels it will be displayed in the header

Navigation

  • Menu - select the main navigation for the header
  • Enable links to drop down menus - If using a mega menu, enable this setting to enable links to all headings of your mega menu. 
  • Show search - show a link to the search bar next to the cart in the header. Clicking on search will open the search bar in the modal.

Mobile menu

The mobile menu is the panel that slides out when the menu button is clicked on mobile devices.

  • Show menu icon - show a menu icon instead of the text "Menu"
  • Secondary menu - select a secondary menu that will be displayed underneath the main menu
  • Show search - show a search bar

Announcement bar

You can show an announcement bar which is displayed at the top of the header.

  • Show announcement - check this to enable the announcement bar
  • Home page only - check this if you only want the announcement bar to display on the home page
  • Text - the message you want displayed to customers
  • Announcement color combination - select one of your color schemes to use for the announcement bar
  • Link - make the announcement bar a clickable link

Banner

You can show a banner on the home page of your site. A banner is an image displayed at the top of your site with an arrow to drive customers to the first section.

The Classic preset showcases a banner used in this theme: https://cascade-theme-classic.myshopify.com/

  • Show banner - check this to enable the banner
  • Image - upload an image to use for the banner.
  • Image style - choose between "fit content" and "full screen". With full screen, some cropping may occur. If using "fit content" - a ratio of at least 5:4 is recommended to best work on mobile + desktop.