Hi!
To display wide mathematical fonts in a user-friendly way on mobile devices, I use the following CSS statement that causes horizontal scrolling.
mjx-container {
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
padding:0.1rem 0.2rem;
}
On my livesite with the JA Justitia template this works without any problems:
https://www.mathelike.de/abiturloesungen-mathematik-bayern/mathematik-abitur-bayern-2023/pruefungsteil-a/analysis-1/teilaufgabe-2b.html
On my test site with the JA Purity IV template it doesn't work anymore:
http://www.mathelike.org/abiturloesungen-mathematik-bayern/mathematik-abitur-bayern-2023/pruefungsteil-a/analysis-1/teilaufgabe-2b.html
(see screenshots)
Kind regards
Christian