Recommended Image Dimensions

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

    • 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 ...