Fix horizontal scroll on phoneview

This commit is contained in:
Bojan Mojsilovic 2023-12-29 15:30:13 +01:00
parent 29e53c2224
commit 400561a969
3 changed files with 10 additions and 3 deletions

View File

@ -42,7 +42,7 @@
@media only screen and (max-width: 720px) { @media only screen and (max-width: 720px) {
.navMenu { .navMenu {
width: 100%; width: 100dvw;
} }
.sideNav { .sideNav {

View File

@ -223,11 +223,13 @@
@media only screen and (max-width: 720px) { @media only screen and (max-width: 720px) {
.note { .note {
width: 100vw; width: 100dvw;
overflow: hidden;
.content { .content {
.rightSide { .rightSide {
width: 100%; width: calc(100dvw - 42px - 24px);
overflow: hidden;
} }
} }
} }

View File

@ -450,6 +450,11 @@
} }
@media only screen and (max-width: 720px) { @media only screen and (max-width: 720px) {
.fullHeader {
width: 100dvw;
overflow-x: hidden;
margin-inline: 0;
}
.banner { .banner {
width: 100%; width: 100%;