Skip to content

Commit 4940087

Browse files
committed
adjust screen size again due to bugs in smaller screens
1 parent 96c4d11 commit 4940087

File tree

1 file changed

+19
-2
lines changed

1 file changed

+19
-2
lines changed

docs/stylesheets/extra.css

Lines changed: 19 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
1-
/* custom.css */
1+
2+
/* main reading area */
23
.md-content {
34
text-align: justify;
45
}
@@ -15,14 +16,30 @@
1516
display: none;
1617
}
1718

18-
@media (min-width: 1200px) {
19+
/* @media (min-width: 1000px) {
1920
.md-content {
2021
min-width: 1000px;
2122
margin: 0 auto;
2223
}
24+
} */
25+
26+
@media screen and (min-width: 76.25em) and (max-width: 120rem) {
27+
.md-sidebar--primary {
28+
margin-left: 0 !important; /* Removes the extra gap */
29+
}
30+
31+
.md-sidebar {
32+
padding-left: 0 !important;
33+
}
34+
35+
.md-main__inner {
36+
margin-left: 0 !important;
37+
max-width: 100% !important; /* Allow content to expand */
38+
}
2339
}
2440

2541

42+
2643
/* adds borders to either side of the reading area */
2744
.md-content {
2845
position: relative;

0 commit comments

Comments
 (0)