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 on the desktop.

Mobile logo width

Change the logo size on mobile from 0 to 280 pixels using the provided scale.

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 whole screen width.

Here is how the settings display in a store:

Fullwidth logo animation delay

Use the given scale to set the delay time up to 100 milliseconds of the logo appearing underneath the Header when scrolling down from the top of a page.

Operating this option will ensure a smoother transition of the logo to full-screen mode due to a time delay.

Fullwidth logo placeholder

Note! This option works with the sticky header layout - Fullwidth logo. If you disable the full-width 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 displays in a store: