Portrait Cover Center

Portrait Cover Center

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

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.