Portrait Cover Bottom
The Portrait Cover Bottom setting positions your hero image with the bottom 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: Bottom edge
- Scroll reveal: Top to Bottom
- Landscape visibility: Most of the image immediately visible
- Portrait visibility: Bottom part immediately visible
- Best use case: Images with important elements near bottom
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.