go to templates & style
themes -> *your theme" -> global.css / edit stylesheet: advanced mode
find the #container { and .header {
and add like this
#header {
min-width: 1000px;
max-width: auto;
and for container as
#container {
min-width: 1000px;
max-width: auto;
change the "1000px" value as per your requirement.
It'd be better to put the width as 95% or something so it always stretches out to 95% of the screen's width...
Open global.css and find;
#container {
width: 95%;
background: #fff;
border: 1px solid #e4e4e4;
color: #000000;
margin: auto auto;
padding: 20px;
text-align: left; /* IE 5 fix */
}
and change the width of your forum
no matt, giving the values in % may not work for min-width. max-width: auto; <--- so it will stretch to the windows screen. but if you give min-width: 25%; or some % value, it resizes as per its requirement.
so setting a min-width value in pixels keeping the lowest screen resolution 1024x768, it fits perfect on 1024x768 screen and when screen gets wide it stretches accordingly.
here is an example if you give in %
http://community.mybb.com/thread-85295.html
Plenty of forums have a % width just fine. With your method, if the user's screen size (mobile browser?) or browser window is less than 1000px wide (not everybody has their browser maximized full screen), they're going to have horizontal scroll bars.
I agree. Using % is better then using px in width.
yeah, but the mobile browsers are not friendly to show our sites with the custom/default mybb templates which are made for system browsers.
i bet, its better to install a mobile theme like "go mobile" created by chris.r from
http://www.mybbgm.com/download.php which is working fine. i had installed it and tested which has its own forum widths and heights.
so it will not be a problem if we use pixels, which is mores stable than the usage of % which fails in resizing correctly in different browsers