Header & Footer (22 Savile Row)

Learn how to configure the theme header and footer here. In your control panel, go to Storefront > Themes, and click the blue "Customize" button to launch Theme Editor. In the left hand column of the Theme Editor, click the panel labelled 'Header & Footer'.

Header Features

Setting	Description
Show phone number in header	Choose if you want to show your store's phone number in the header. Please note you need to have a phone number set up in the Store Profile area of your store control panel.
Show wishlists link in header	Select this option to have the wishlist icon display in the header, between the Search and Account icons, when a customer adds a product to a wishlist.

Logo Settings

Setting	Description
Logo position	Choose to align the logo left, center or right along the header. Affects both image and text logos.

Image Based Logo

Setting

Description

Image logo size

This changes the logo's size to Original (as uploaded), Optimized for theme, or Specify Dimensions. If you select Specify Dimensions, two boxes for maximum height and width will appear, allowing you to enter dimensions. When you enter one dimension, the opposite dimension is automatically adjusted to maintain the image's original aspect ratio. The Optimized for theme option is 250 x 100 pixels in size.

Replace Store Logo With SVG

Setting	Description
SVG file name	You can set up an SVG to display instead by following the steps on this article. You will need to upload the file into your store's WebDAV folder before this will work. Please note you will still need to upload a standard image based logo in your store control panel for your invoices, packing notes, emails etc.

Text Based Logo

Setting	Description
Enable custom Google fonts	Select this to include any font from Google Fonts. Instructions to configure this feature can be found here.
Logo font family	Choose the font style used for the text logo.
Font case for logo	Choose if you want the text logo to be UPPERCASE or Title Case.
Font size	Select the size of the font used for text logo.
Text color	Select the color of the font used for text logo.

Main Navigation

Setting	Description
Enable sticky navigation	Select this allows the main navigation bar to stick to the top of the viewport on large screens and above. This simplifies the layout of the utility navigation, only displaying search, cart and compare when available. While the sticky navigation is configured to work with unlimited categories, for the best appearance limit your main navigation items to 8 or less.
Hide logo on sticky navigation	Select this to hide the logo when the sticky navigation activates on scroll. Scrolling back to the top of the page will make the logo reappear.
Hide web pages in main navigation	The visibility of web page links from the category navigation menu can be toggled.
Hide 'View All' on Mega Menu Dropdowns	By default with the style of dropdown navigation we use, lists appear when the top level item is clicked. In this case, we present a "View All" link to allow visitors to access the top level category. This option prevents the "View All" link appearing.
Show brands in main navigation	Shows link to brands page in the navigation.
Enable simple navigation	By default the navigation style is a mega menu. Select this to instead display a simple alternative. Find out more about the navigation modes on this article.

Simple Footer

Setting	Description
Show simple footer	Select this to present an alternative footer design for smaller or simple stores. Find out more about the simple footer on this article.

Social Media Icons

Setting	Description
Show in header	Select this to display social media icons in the header. Please note social accounts must be set up to use this feature.
Show in footer	Select this to display social media icons in the footer. Please note social accounts must be set up to use this feature.

Footer Elements

Setting	Description
Show brands in footer	Select this to display link to brands page in the footer.
Show phone number in footer	Choose if you want to show your store's phone number in the footer. Please note you need to have a phone number set up in the Store Profile area of your store control panel.
Show "©", current year and store name	Select this toggles the © details in the footer.

Payment Icons