hkapp48

Yep, resolved, thanks again.

`figure.wp-block-image.my-pano {
overflow-x: auto;
display: block;
}

/* for panorama images */
.my-pano img {
max-width: initial;
height: 400px;
overflow-x: scroll;
overflow-y: hidden;
}

(That didn’t format the way I thought it would!)

@roughpixels Thank you, thank you!

I took your ideas and modified them a bit by reusing the class name “my_pano”. Then I only have to apply one class. It works on all my devices/browsers. I hope it doesn’t violate any standards. See my test page.

figure.wp-block-image.my-pano {

overflow-x: auto;

    display: block;

}

/* for panorama images */

.my-pano img {

max-width: initial;

	height: 400px;

overflow-x: scroll;

	overflow-y: hidden;

}

@roughpixels See new page testing your suggestion. You can see that applying it in the obvious ways doesn’t work.

Thanks, @roughpixels I’ll try that. In the mean time, my basic HTML pages (linked to from the WordPress page) are responsive!

Yes the image actually is 2112px height and 12,784px wide. You can click on it see the original photo by clicking on either image on the page.

After trying many things that didn’t work, that page was composed using an HTML block with the Gutenberg block editor.