Cassiopeia does not have padding on html. Not sure where that came/comes from or who or what added it. Check if remhoving it affects other pages and/or smaller screens.
@Per Looks like static layout. Fluid or Static layout does not matter in this case. As Fluid also adds an empty column on the sides. And the left sidebar needs to be located at the screens left edge.
1. Added 0 padding on html
2. Added 0 padding on .container-sidebar-left .card-body
3. Changed width of the column for sidebar-left
The new CSS with the changes looks like:
@Per Looks like static layout. Fluid or Static layout does not matter in this case. As Fluid also adds an empty column on the sides. And the left sidebar needs to be located at the screens left edge.
1. Added 0 padding on html
2. Added 0 padding on .container-sidebar-left .card-body
3. Changed width of the column for sidebar-left
The new CSS with the changes looks like:
Code:
html { padding: 0;}.container-sidebar-left { /* Make sidebar-left span full width of the screen (for smaller screens) */ grid-column: full-start / full-end;}.container-sidebar-left .card-body { padding: 0;}@media (width >= 992px) { .site-grid { /* Collapse outside columns on bigger screens, but use the same number of columns and names from Cassiopeia */ grid-template-columns: [full-start]0[main-start]minmax(max-content,17rem) repeat(3,1fr)[main-end]0[full-end]; } .container-sidebar-left { /* Span sidebar-left over 2 columns, starting from [full-start] (declared above) */ grid-column: span 2; }}Statistics: Posted by Mr. Wimpy — Sat Sep 28, 2024 8:52 am
