Portrait Cover Middle

Portrait Cover Middle

1 min read
The Portrait Cover Middle setting positions your hero image with the vertical middle aligned to the viewport, creating a dynamic reveal effect as visitors scroll down your page.
  • Sizing method: Cover (fills entire viewport height)
  • Vertical alignment: Middle (default)
  • Scroll reveal: None (static)
  • Landscape visibility: Most of the image immediately visible
  • Portrait visibility: Middle part immediately visible
  • Best use case: Images with subject positioned in vertical center

The hero image positioning functionality provides precise control over how featured images appear on different devices. When using Cover mode, the image stretches to fill the viewport while maintaining aspect ratio, with portions outside the viewport revealed during scrolling. The theme supports separate configuration for portrait and landscape orientations, ensuring optimal visual presentation regardless of device orientation.

Natan Nikolic — London based product designer with 15+ years of experience. Before venturing out, he was a VP of Product at Celtra. Prior to that, he built products with several prominent UK and EU founders.