Portrait Cover Top

Portrait Cover Top

1 min read
The Portrait Cover Top setting positions your hero image with the top edge aligned to the viewport, creating a dynamic reveal effect as visitors scroll down your page.
  • Sizing method: Cover (fills entire viewport height)
  • Vertical alignment: Top edge
  • Scroll reveal: Bottom Up
  • Landscape visibility: Most of the image immediately visible
  • Portrait visibility: Top part immediately visible
  • Best use case: Images with focal point near top

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.