Hi!
The style of custom.css that doesn't work is:
.site-home .t4-megamenu .navbar-nav > li > a .item-caret.item-caret, .site-home .t4-megamenu .navbar-nav > li > .nav-link .item-caret.item-caret {
border-top-color: #fff;
}
.site-home .t4-offcanvas-toggle {
color: #fff;
}
and
.acm-hero.style-1 .acm-hero-item.mask-normal::after {
background: rgba(0, 0, 0, 0.45);
}
and what's more important to get a horizontal scroll bar for too long math equations on mobile devices
/--------- Mathjax horizontales Scrollen ---------/
mjx-container {
overflow-x: auto;
overflow-y: hidden;
max-width: 100%;
padding:0.1rem 0.2rem;
}
/--------- Ende Mathjax horizontales Scrollen ---------/
.item-page .article-body {max-width: 100%;}
This one was discussed in https://www.joomlart.com/forums/d/46545-responsive-problem-with-purity-iv And it worked for example on this page https://www.mathelike.de/abiturloesungen-mathematik-bayern/mathematik-abitur-bayern-2023/pruefungsteil-a/analysis-1/teilaufgabe-2b.html
But now it's only possible to scroll the complete site horizontal.
