Hello again friends, I seek to acquire the necessary CSS magicka to cast the full width discussion posts spell.
The discussion page side nav slider panel has successfully been removed already, with this following code:
/*REMOVE-SIDE-NAV BEGIN*/
@media (min-width: 768px) {
.DiscussionPage-nav {
display: none !important;
}
.DiscussionPage-stream {
margin-left: 15px !important;
margin-right: 15px !important;
}
}
/*REMOVE-SIDE-NAV END*/
And a generous code mage provided this following code for widening the discussion containers:
/*DISC-CONT-WIDTH BEGIN*/
.container {
margin-right: auto;
margin-left: auto;
padding-left: 15px;
padding-right: 15px;
width: 100% !important;
}
/*DISC-CONT-WIDTH END*/
Which works for Discussion List containers but not for the Discussion Page containers.
The code mage suggested that an invisible side nav grid must first be removed...(?)
Here's a few codes I've tried using to remove this invisible grid:
/*REMOVE-SIDE-NAV-GRID(TEST1) BEGIN*/
nav.DiscussionPage-nav.sideNav {
display: none;
}
/*REMOVE-SIDE-NAV-GRID(TEST1) END*/
/*REMOVE-SIDE-NAV-GRID(TEST2 BEGIN*/
.DiscussionPage-nav.sideNav {
display: none;
}
/*REMOVE-SIDE-NAV-GRID(TEST2) END*/
/*REMOVE-SIDE-NAV-GRID(TEST3) BEGIN*/
nav.DiscussionPage-nav.sideNav {
display: none;
}
/*REMOVE-SIDE-NAV-GRID(TEST3) END*/
Thoughts?