[Build] - Size guideline for section block for theme Refined, Equinox, Solstice & Altitude [Garis panduan saiz untuk blok bahagian untuk tema Refined, Equinox, Solstice & Altitud]

Created by Nur Asmira, Modified on Wed, 17 Apr at 4:08 PM by Nur Asmira

Refined Theme

1) Slider
Desktop > 1424px x 801px

Tablet > 1068px x 801px

Mobile > 390px x 720px

2) Image with Text
Desktop > 540px x 300px

Tablet > 540px x 300px

Mobile > 540px x 300px

3) Image Banner
Desktop > 1000px x 300px

Tablet > 800px x 920px

Mobile > 350px x 450px

4) Featured Category
Desktop > 1200px x 500px

Tablet > 350px x 450px

Mobile > 200px x 800px

5) Video
Desktop > 1000px x 300px

Tablet > 800px x 920px

Mobile > 350px x 450px

6) Video Hero
Video Dimension - 1920 x 960 px / 1028 x 640 px

7) Featured Blog size

300x160px - recommended to Fancy theme as well

Equinox Theme

1) Slider
Desktop > 1424px x801px

Tablet > 1068px x 801px

Mobile > 390px x 720px

2) Image with Text
Desktop > 540px x 300px

Tablet > 540px x 300px

Mobile > 540px x 300px

3) Image Banner
Desktop > 1300px x 500px

Tablet > 800px x 920px

Mobile > 350px x 450px

4) Featured Category
Desktop > 1200px x 500px

Tablet > 350px x 450px

Mobile > 200px x 1000px

5) Video
Desktop > 1000px x 300px

Tablet > 820px x 920px

Mobile > 350px x 450px

6) Video Hero
Video Dimension - 1920 x 960 px / 1028 x 640 px

7) Featured Blog size

300x170px

Solstice Theme

1) Slider
Desktop > 1424px x801px

Tablet > 1068px x 801px

Mobile > 390px x 720px

2) Image with Text
Desktop > 540px x 300px

Tablet > 540px x 300px

Mobile > 400px x 300px

3) Image Banner
Desktop > 1300px x 920px

Tablet > 800px x 920px

Mobile > 390px x 720px

4) Featured Category
Desktop > 1200px x 400px

Tablet > 820px x 920px

Mobile > 390px x 720px

5) Video
Desktop > 1300px x 920px

Tablet > 800px x 920px

Mobile > 390px x 720px

6) USP
50px x150px

7) Video Hero
Video Dimension - 1920 x 960 px / 1028 x 640 px

8) Featured Blog size

300x170px

Altitude Theme

1) Slider
Desktop > 1424px x801px

Tablet > 820px x 920px

Mobile > 350px x 720px

2) Image with Text
Desktop > 700px x 920px

Tablet > 300px x 720px

Mobile > 400px x 300px

3) Image Banner
Desktop > 1300px x 920px

Tablet > 800px x 920px

Mobile > 300px x 720px

4) Featured Category
Desktop > 1200px x 400px

Tablet > 820px x 750px

Mobile > 350px x 620px

5) Product Category
Desktop > 1200px x 500px

Tablet > 820px x 610px

Mobile > 300px x 420px

6) Video
Desktop > 1424px x 801px

Tablet > 820px x 920px

Mobile > 350px x 800px

7) USP
150px x150px

8) Video Hero
Video Dimension - 1920 x 960 px / 1028 x 640 px

9) Featured Blog size

300x170px