I am using “single image pages”.
While my landscape oriented images resize properly for smaller (mobile) viewports, my portrait oriented images fall out of view in the top/bottom margins so you have to scroll up and down to take in the entire image. Is there a way to keep portrait images inside of the viewport as it collapses, same as landscape images?
I’ve tried a number of different settings and no luck.
Thank you in advance for any assistance.
Images scale responsively by width. The behavior your describe is by design.
No way to make it behave otherwise other than just use landscape or square orientation images (maybe 4:5 ratio)?
FWIW, my experiments with use single image pages is I get better seo results.
Thanks, Matthew!
The single-image HTML pages are not a slideshow; they are exactly what the tin says they are: an HTML page, with a single image. And so they behave as any other page of HTML content. If the height of the page is larger than the height of the viewport, then the page will scroll.
So, you can design your site to maximize the screen real estate available to the content area — for example, eliminating the masthead and putting your logo and navigation into the top pallet. You can also limit the height of your large images to help them fit better on a single screen at your targeted display size.
IMO, the default slideshow is by far the better experience for viewing images, and is our intended experience.
FWIW, my experiments with use single image pages is I get better seo results.
The single image pages are alway present, even when using the slideshow. The reason for them being there, among others, is SEO. You should see no difference with either display mode.
Thank you Matt and Dan!