Logo

Use settings from the following section to customize logo in your store.

Tip: The "SVG logo", "Logo image", and "Custom logo width" settings will be applied for both desktop and mobile. Check if these settings work well for desktop and mobile on your store.

Show picture logo

If you want to substitute the text logo in the Header with an image or SVG logo and display the full-width logo in the Header or Footer on the Home page, activate the option.

SVG logo

To display an SVG logo, paste the SVG code to the input field:

Logo image

Here you can press the "Select image" button and choose an image from the library or upload it from your computer:

Logo width

Use the slider to control the logo size in the Header from 20 to 300 pixels. This option works for the SVG logo and image.

Fullwidth logo

Fullwidth logo width

You can control the full-width logo size on the scale. Here you can apply changes from 0 to 2000 pixels, where 0 pixels means that you disable the limit of the logo width, and 2000 pixels - the logo will be displayed at the full width of the screen.

Here is how the settings might display in a store:

Fullwidth logo placeholder

Note! This option works with the sticky header layout - Fullwidth logo. If you disable the fullwidth logo in the "Sticky header" drop-down of the Layout section, the theme will replace the date with the logo.

The option works only on the Home page. The date will be replaced with the logo on other pages by default.

Place the current date in the header by adding the variable [date] to the field. The option can be used on a desktop only. To disable the option, leave the field empty.

Here is how the option might display in a store: