Recommended Image Dimensions
Below are the recommended dimensions for the images used in the theme settings. Exact dimensions are not required unless specified otherwise.
Logo
For best results, we recommend a file with a height of 160px and the natural width of the logo that scales with that height
Favicon
64 x 64px (required)
Home hero (Carousel and Single)
Desktop: 1440 x 800px
Mobile: Preferably square or portrait (tall) orientation with a width of around 800px
Home hero (Double Banner)
Primary – 1440 x 800px / Secondary – 800 x 800px
Product images
Portrait - 800x 1024px
Square - 1024 x 1024px
Category images
Landscape: 760 x 550px
Portrait - 570 x 800px
Square - 800 x 800px
Home banners
800 x 600px
Home Instagram feed cover image
800 × 800px (required)
Brand logos
600 x 240px
Customer service icon (product page)
100 x 100px
Locations map backup image
1200 x 1200px
Newsletter popup
800 x 1000px
Blog
900x500 (1:8)
Related Articles
Recommended Image Dimensions
Below are the recommended dimensions for the images used in the theme settings. Exact dimensions are not required unless specified otherwise. Logo For best results, we recommend a file with a height of 100px and the natural width of the logo that ...
Testimonial
The following steps can be done by going to Design › Edit Theme › Home Page › Testimonial in your eCom back office. This sections allows you to feature a key customer testimonial to help bring social proof to your home page. The following settings ...
Banners
There are two sections for banners: Banners and Banners 2. Both follow the same group of settings. The following steps can be done by going to Design › Edit Theme › Home Page › Banners (or Banners 2) in your eCom back office. This sections allows you ...
Banners
The following steps can be done by going to Design › Edit Theme › Home Page › Banners in your eCom back office. This sections allows you to create two side-by-side banners that can be used to feature and link to anything you want. The ...
Text Blocks
The following steps can be done by going to Design › Edit Theme › Home Page › Text Blocks in your eCom back office. Text block settings The options for how to display the text blocks are fairly straightforward. Text blocks count – Choose whether your ...