Topic on Skin talk:Pivot/Flow

Amazing skin!!! Looks fantastic.

Echo notifications are cut off for smaller screens at the moment - seems to be from echo developers making changes.

On mobiles pivot 2.1 has the alerts and notices popups off the far left of the screen so they aren't visible, landscape view on same devices partially show them. Rough code below this, and for adapting future echo issues, thank you to the developer for making this easy to find via a previous fix (Github issue 19, pull request 32).

/* Make Echo extension more mobile friendly on small widths including mobiles in landscape view */

@media only screen and (max-width: 750px) {
.oo-ui-popupWidget-popup { 
    width: auto !important;
    position: relative !important;
    margin-left: 10rem !important;
    margin-right: 0!important;
    left: auto;
    right: 0.9rem;
    font-size: 75% !important;
}
.oo-ui-clippableElement-clippable.oo-ui-popupWidget-body {
    width: 100% !important;
    right: 1.5rem;
}
}

A suggestion for the future would be to locate these off canvas, under the user tools, as in Minerva.

Thanks a lot for sharing this CSS. I'd recommend opening an issue report for your suggestion as well as a pull request for this your preliminary fix, both on GitHub. This will be awesome!