responsive: fixed the grid for small screens

This commit is contained in:
2021-03-19 16:08:46 +01:00
parent b4ebb1cf3f
commit 5188b01272
3 changed files with 96 additions and 91 deletions

View File

@@ -19231,7 +19231,10 @@ body.toolbar-horizontal.toolbar-themes.toolbar-no-tabs {
header[role="banner"] .wrapper, main[role="main"] > .scroller > .wrapper, footer[role="contentinfo"] > .wrapper {
margin: 0 auto; }
@media only screen and (max-width: 436px) {
@media only screen and (max-width: 218px) {
header[role="banner"] .wrapper, main[role="main"] > .scroller > .wrapper, footer[role="contentinfo"] > .wrapper {
width: 218px; } }
@media only screen and (min-width: 437px) and (max-width: 654px) {
header[role="banner"] .wrapper, main[role="main"] > .scroller > .wrapper, footer[role="contentinfo"] > .wrapper {
width: 436px; } }
@media only screen and (min-width: 655px) and (max-width: 872px) {
@@ -19553,7 +19556,8 @@ header[role="banner"] {
z-index: 90;
text-align: right; } }
header[role="banner"] #block-languageswitcher {
text-align: right; }
text-align: right;
position: relative; }
header[role="banner"] #block-languageswitcher h2 {
margin: 0.1em 0 0 0;
font-size: 0.756em;