Is it possible to float the main sidebar (the forum, dashboard, etc. sidebar) to the left of the page? If it is, how is it done?
Float sidebar to the left?
-
- WBB 4.1.x
- LogixX
-
Is it possible to float the main sidebar (the forum, dashboard, etc. sidebar) to the left of the page? If it is, how is it done?
Did u get the answer ?
-
Did u get the answer ?
No, but I have managed to do it on my own... sort of. I was able to move the sidebar to the left but the max-width can't be changed or the sidebar ends up under the main content.
-
Ok.
Thx -
I can't speak to the advisability, but the below will move the bar to the left side and the content to the right. You may need a clearfix class on a specific div depending on where you're at to prevent things from "getting stupid".
CSS
Display More.sidebar{ float: left; width: 15%; /*Or whatever width you want*/ box-sizing: border-box; /*This is required*/ } #content{ float: right; width: 85%; /*Or whatever width you want*/ box-sizing: border-box; /*This is required*/ } -
I can't speak to the advisability, but the below will move the bar to the left side and the content to the right.
That works but leaves a large blank space if someone collapses the sidebar, as the content will not expand to fill it in. I guess you could hide the collapse button as an option.
-
That works but leaves a large blank space if someone collapses the sidebar, as the content will not expand to fill it in. I guess you could hide the collapse button as an option.
So, you're saying it's not advisable?
-
So, you're saying it's not advisable?
LOL, I think it's ok, but if someone is going to do it, they should hide the collapse button #main > div > div > .sidebar > span > .collapsibleButton {display: none;}.
Participate now!
Don’t have an account yet? Register yourself now and be a part of our community!