Make the header span over the complete width

This commit is contained in:
Patrick Jentsch
2024-11-13 16:08:18 +01:00
parent 7b604ce4f2
commit ce253f4a65
2 changed files with 10 additions and 11 deletions

View File

@ -7,29 +7,28 @@
*
* Read more: https://materializecss.com/sidenav.html#variations
*/
body[data-sidenav-fixed="true" i] header,
body[data-sidenav-fixed="true" i] main,
body[data-sidenav-fixed="true" i] footer {
padding-left: 300px;
}
@media only screen and (max-width : 992px) {
body[data-sidenav-fixed="true" i] header,
@media only screen and (max-width: 992px) {
body[data-sidenav-fixed="true" i] main,
body[data-sidenav-fixed="true" i] footer {
padding-left: 0;
}
}
body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
width: calc(100% - 300px);
}
@media only screen and (max-width : 992px) {
body[data-sidenav-fixed="true" i] .navbar-fixed > nav {
width: 100%;
}
}
@media only screen and (min-width: 993px) {
body[data-sidenav-fixed="true" i] .sidenav-fixed {
margin-top: 64px;
z-index: 996;
}
}
/* #endregion sidenav-fixed */
/* #region sticky-footer */