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
  • Sticky header on desktop – make the header stick to the top of the screen when you scroll

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 Image block

To show a banner image on the home page of your site, add a Banner image block here. 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: cascade-theme-classic.myshopify.com/

  • Image – upload an image to use for the banner
  • Image – mobile (optional) – upload an image to use for the banner on mobile-sized devices
  • 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.
  • Text color – override the header’s text color when banner image is present
  • Logo image – override the logo shown over the banner