+- WallBB Forums (https://wallbb.co.uk/forums)
+-- Forum: Theme Section (https://wallbb.co.uk/forums/forumdisplay.php?fid=5)
+--- Forum: Theme Support (https://wallbb.co.uk/forums/forumdisplay.php?fid=10)
+--- Thread: [Focus Responsive] Forum wrapper width (/showthread.php?tid=304)
[Focus Responsive] Forum wrapper width - KathF - 08-16-2019
Hello again,
This is more of a general question than a problem: How can I reduce the width of the complete forum wrapper for larger screens only? Say keep it full-width for screen widths under 1000px, but leave some space right and left for larger sizes? Which CSS values would I have to fiddle with so I don't destroy the complete responsive capabilities of the theme?
Thank you in advance.
KF
RE: [Focus Responsive] Forum wrapper width - WallBB - 08-17-2019
Hey KF,
There is a wrapper class in the css3.css, you can fiddle with that class
Code:
.wrapper {
font-family: tahoma,sans-serif,arial;
width: 90%;
margin: auto auto;
}Regards
WallBB
RE: [Focus Responsive] Forum wrapper width - KathF - 08-18-2019
Awesome, thank you so much.
I tried it at 70%, but at some point this happens:
I know the theme is optimized for the 90% you set, but is there a way it'll work anyway?
Thank you in advance.
KF
RE: [Focus Responsive] Forum wrapper width - WallBB - 08-19-2019
Yes it can be, can you tell me your preference for what you would like to do with sidebar on tablet and mobile devices.
Ideally Focus is coded in a way that the sidebar stacks at the bottom of the forums, I can write a code (for 70%) so that it can stack at bottom for both tablet and mobile widths with your requirement.
Other option is to just hide sidebar for smaller screens but I don't see a lot of benefit of doing that.
Let me know, I will write code for that
RE: [Focus Responsive] Forum wrapper width - KathF - 08-19-2019
Stacking the sidebar boxes at the bottom of the forum would be perfect, thank you.