Help Page Garbled

What Is Smart Cleaning How does this go unnoticed?

image.thumb.png.d1d2da5dd86455a14684390a3bb70483.png

Doesn't look like it's garbled to me (firefox for android) I'll check a pc browser when i wake tomorrow

Not garbled in Firefox for me.

If using any customized fonts or font sizes instead of the defaults in web browsers it can cause pages to look like a jumbled mess.

I'm using Brave but not doing anything special.

I was able to reproduce this using unexpected viewport sizing.

Looks fine like this ...

image.png

But the persistence of the "Articles in this section" navigator overlays the text if you shrink your browser window below a width of around 955px:

image.png

... and then corrects below a width of 750px:

image.png

I don't recall this coming up before, but I could see how it could happen for folks who are magnifying their screens to a specific ratio. I'll pass this along to the webdev folks.

7 hours ago, Dave CCleaner said:
<div class="ipsQuote_contents">
	<p>
		I was able to reproduce this using unexpected viewport sizing. 
	</p>

	<p>
		 
	</p>

	<p>
		Looks fine like this ...
	</p>

	<p>
		<a class="ipsAttachLink ipsAttachLink_image" data-fileext="png" data-fileid="16220" href="<fileStore.core_Attachment>/monthly_2022_04/image.png.0df9b5b06a43ee9e51886019cc7b4083.png" rel=""><img alt="image.png" class="ipsImage ipsImage_thumbnailed" data-fileid="16220" data-ratio="59.90" width="500" src="<fileStore.core_Attachment>/monthly_2022_04/image.thumb.png.e16b1944bcaa5b699f9baab576e471c7.png" /></a>
	</p>

	<p>
		But the persistence of the "Articles in this section" navigator overlays the text if you shrink your browser window below a width of around 955px:
	</p>

	<p>
		<a href="<fileStore.core_Attachment>/monthly_2022_04/image.png.dff1a6cc0ceac61071def40a83496685.png" title="Enlarge image" data-fileid="16221" data-fileext="png" rel=""><img alt="image.png" class="ipsImage ipsImage_thumbnailed" data-fileid="16221" data-ratio="38.06" width="500" src="<fileStore.core_Attachment>/monthly_2022_04/image.png.dff1a6cc0ceac61071def40a83496685.png" /></a>
	</p>

	<p>
		... and then corrects below a width of 750px:
	</p>

	<p>
		<a href="<fileStore.core_Attachment>/monthly_2022_04/image.png.b1e040f7ffb75a8a24a92f8e993c556e.png" title="Enlarge image" data-fileid="16222" data-fileext="png" rel=""><img alt="image.png" class="ipsImage ipsImage_thumbnailed" data-fileid="16222" data-ratio="55.80" width="500" src="<fileStore.core_Attachment>/monthly_2022_04/image.png.b1e040f7ffb75a8a24a92f8e993c556e.png" /></a>
	</p>

	<p>
		I don't recall this coming up before, but I could see how it could happen for folks who are magnifying their screens to a specific ratio.  I'll pass this along to the webdev folks.
	</p>
</div>

My browser's width is about 1330px. However I had it zoomed to 110% which I hadn't realized. When I changed it back to 100% it reformatted and it looks fine. Just to insure if you're going to fix something you fix the correct thing. I'm using a 17" screen with a 1920 x 1080 resolution that has a windows magnification of 175%.

Unfortunately not all websites are created equal some use fonts that are just too small especially on a small screen with a high resolution.

Snap 2022-04-18 at 19.18.01.jpg