When viewing a Wikipedia article with Examples sidebar (such as this one ) on a mobile device, the sidebar is shown in the centre of the page, and above other content, whereas with the the desktop view, it is in the right (this is the expected behaviour).
Description
Event Timeline
This appears on the mobile website, I was viewing it through Safari on my iPad, and it is the same on the iPad Chrome browser.
Actually, that template uses
https://en.m.wikipedia.org/wiki/Template:MetaSidebar
which contains style="float:right;...". However, in the mobile version, some CSS overwrites this with float: none !important;.
You can't just float stuff on a small screen. Seems like intended behaviour to me, I agree with @Jdlrobson.
@Sjoerddebruin, not all mobile screens are small. For example, my iPad has a fairly large screen, and it looks weird when the examples are at the top of the page, before any other content, as opposed to at the side of it. Also, other boxes, such as infoboxes, are shown on the right of the screen, similarly to on a desktop.
This seems an artefact from the times where minerva was exclusively for narrow screens. Infobox float on tablet, so an element like this should be possible to be fixed as well.
BTW. I've added vertical-navbox class to this template now, which hides it fully, like any other navbox.. That too is something that should be considered to be limited devices below the tablet width btw...
I am closing this resolved. This template no longer exists and I've taken care of the substed uses.
For ad hoc floating things (usually tables) that should perhaps behave differently, probably should look at my suggestion at T78176#7093411 (which should perhaps live somewhere in the context of that task's merged-into-duplicate).