ROWE CASA ORGANICS

Homepage banner simulator

The banner always fills the screen width and its height follows the image shape, while the floating header stays the same size. Narrow screens lose the most of the top.

1. Banners

Desktop banner

Used at 1024px wide and up

Mobile banner

Used below 1024px — tall shape, e.g. 1080 × 1350

2. Screen

Screen width1920 px

Screen height (visible fold)1080 px

3. Overlays

Show site headerShow hidden zone & fold line

Rules for designers

Desktop: keep text out of the top 26% of the image.
Mobile: keep text out of the top 18% of the image.
Leave about 5% empty on the left and right edges.
Always make a separate mobile banner — the desktop one gets tiny on phones.

Site measurements (advanced)

Switch to mobile banner below (px)Header reaches into banner — desktop (px)Header reaches into banner — mobile (px)Shipping bar — desktop (px)Shipping bar — mobile (px)

1920px wide1920 × 1080

Free shipping on domestic orders of $150+

Upload a banner

Collections