Header settings

Logo & Favicon

Use the Logo & Favicon section to upload your logo and favicon.

Logo

To upload your logo select select image file and find the file for your logo in your computer’s files. The recommended size for your logo will display for the theme you are using.

When you select the file, it will load into the editor. Here you can crop the image to be the exact dimensions you want it to be. We recommend removing any empty and unused space surrounding the logo.

If you don’t want to crop the image, select upload with cropping. Once you’ve finished cropping the image, select save changes. Your logo will then display in the live preview editor for you to see.

Logo alignment:
You can change the alignment of your logo to either be center or left, depending on which you prefer.

Logo sizing:
You can also adjust the size of the logo for desktop view and for mobile view. Use the device preview buttons to see how your logo looks for different device sizes.

Favicon

Your favicon is the little icon that displays in browser windows and tabs. To upload your favicon select select image file and find the file for your favicon in your computer’s files. Your favicon should be 140px in width. After uploading your favicon, if you find it is not displaying in your browser check here for troubleshooting advice.

Menu Options

Use the ‘Menu Options’ section to make alterations to what displays in your website’s header and category menu:

Display a wishlist button - configure whether or not you want a wishlist button to display in the header of your website.

Display account menu - configure whether or not you want an account button to display in the header of your website.

Enable off canvas basket - when ‘off canvas basket’ is enabled, when a customer selects the basket icon instead of taking them directly to the basket, they will remain on the page they are currently on and the contents of their basket will display in a popup overlay.

Display a brands link in the category menu - if you have the brands app installed, configure whether or not you want a ‘brands’ link to display in the category menu.

Display a blog link in the category menu - if you have the blog app installed, configure whether or not you want a ‘blog’ link to display in the category menu.

Make the category menu sticky - enable this setting if you want the category menu to follow users down the page when they scroll. stick to the top of the page when users scroll down.

Category menu alignment - use this setting to decide if you want your category menu to be aligned in the center.

Category menu font size - Use the slider to determine what size you want the text of the category menu to be.

Space between category menu items - Use the slider to determine how much space you want there to be between the menu text items on the category menu.

Breadcrumbs

Breadcrumb navigation shows users the navigational structure of how to get to the page they are currently viewing. For example, if a user was on a product page, breadcrumb navigation would show how to get to that product page from the home page.

So if you had a ‘sundress’ product in a ‘dresses’ category in a ‘women’s clothes’ parent category, the breadcrumb navigation would display as: Home > Women’s Clothes > Dresses > Sundress

If you want breadcrumb navigation to be displayed on your website, then in the ‘Breadcrumbs’ section, select the tickbox beside ‘Display breadcrumbs’. If you don’t want to display breadcrumb navigation, untick the box.