Site pages too wide, need to fit any browser when bookmark sidebar used by users
4 posters
Page 1 of 1
Site pages too wide, need to fit any browser when bookmark sidebar used by users
I use the phpbb 3. Where and how do I adjust my site pages fit browsers when the user uses a bookmark sidebar, usch as in Firefox?
For example, users of Firefox have to use the bottom scroll bar to view an entire page, such as this page. I've seen this on some other forumotion forums, including this one, but other forums have an automatic adjustment so that no matter how wide or narrow their bookmark sidebar is, you can see the entire page without the fonts being reduced.
This is a good example of a forum that will adjust width if you have Firefox a bookmarks sidebar.
http://www.yorkieforum.com/forum/
Thanks.
For example, users of Firefox have to use the bottom scroll bar to view an entire page, such as this page. I've seen this on some other forumotion forums, including this one, but other forums have an automatic adjustment so that no matter how wide or narrow their bookmark sidebar is, you can see the entire page without the fonts being reduced.
This is a good example of a forum that will adjust width if you have Firefox a bookmarks sidebar.
http://www.yorkieforum.com/forum/
Thanks.
Last edited by PoodleyPie on April 20th 2018, 10:20 pm; edited 1 time in total
PoodleyPie- Forumember
- Posts : 161
Reputation : 6
Language : English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
You can this.
ACP(Admin Control Panel) > General > Forum > Configuration > Pages structure > Forum width (number or %) :
ACP(Admin Control Panel) > General > Forum > Configuration > Pages structure > Forum width (number or %) :
100%
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
It didn't change a thing. I was set at 98%. I tried 90, 80, and even 50%. Then I tried 100 and 120%. Nothing.
Could it be in the CSS? If so, what section and what would that look like?
Thanks.
Could it be in the CSS? If so, what section and what would that look like?
Thanks.
PoodleyPie- Forumember
- Posts : 161
Reputation : 6
Language : English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
Can you please post here the link to your forum that is having these issues? Thanks.
PoodleyPie- Forumember
- Posts : 161
Reputation : 6
Language : English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
Also compare it to this forum, seeing both in Firefox with your bookmarks sidebar.
http://www.yorkieforum.com/forum/
http://www.yorkieforum.com/forum/
PoodleyPie- Forumember
- Posts : 161
Reputation : 6
Language : English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
Looks like you have a defined width 1050px for the #wrap of the forum in your CSS.
AP Display Colors CSS Stylesheet
Find #wrap in the CSS and delete the width parameter inside it. If it can't be found, insert this in the end of the code:
AP Display Colors CSS Stylesheet
Find #wrap in the CSS and delete the width parameter inside it. If it can't be found, insert this in the end of the code:
- Code:
#wrap { width: auto; }
Wecoc- Forumember
- Posts : 144
Reputation : 111
Language : Catalan, Spanish, English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
Wecoc, thank you so much!
I had to play with it to get the entire page right. The wrap code worked perfectly but only on the orange horizontal bars on the top and bottom that have Home, Calendar, FAQ, etc. I'm not sure what that bar is called, please see my page and tell me.
Anyway, this is what I did like you advised and it worked for the orange bars:
But then the actual forum sections didn't adjust when the Firefox bookmarks were wide. I found a code on CSS that had the word width and and 1030px; this is how it was:
So I adjusted only the width in this section too and figured it out! Now it's:
Now my forum pages will adjust automatically if I or a user has a bookmark sidebar in their browser, and they don't have to scroll to read the whole page. Thank you again!
I had to play with it to get the entire page right. The wrap code worked perfectly but only on the orange horizontal bars on the top and bottom that have Home, Calendar, FAQ, etc. I'm not sure what that bar is called, please see my page and tell me.
Anyway, this is what I did like you advised and it worked for the orange bars:
- Code:
#wrap {
padding: 0 20px;
width: auto;
margin: auto;
background-color: #ffffff08;
But then the actual forum sections didn't adjust when the Firefox bookmarks were wide. I found a code on CSS that had the word width and and 1030px; this is how it was:
- Code:
#page-body {
background-color: #ccffff;
width: 1030px;
margin: 4px 0;
padding: 10px;
clear: both;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid black;
-webkit-box-shadow: 8px 8px 6px -6px #555;
-moz-box-shadow: 8px 8px 6px -6px #555;
box-shadow: 8px 8px 6px -6px #555;
So I adjusted only the width in this section too and figured it out! Now it's:
- Code:
#page-body {
background-color: #ccffff;
width: auto;
margin: 4px 0;
padding: 10px;
clear: both;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid black;
-webkit-box-shadow: 8px 8px 6px -6px #555;
-moz-box-shadow: 8px 8px 6px -6px #555;
box-shadow: 8px 8px 6px -6px #555;
}
Now my forum pages will adjust automatically if I or a user has a bookmark sidebar in their browser, and they don't have to scroll to read the whole page. Thank you again!
PoodleyPie- Forumember
- Posts : 161
Reputation : 6
Language : English
Re: Site pages too wide, need to fit any browser when bookmark sidebar used by users
Problem solved & topic archived.
|
Similar topics
» #1845 Chrome Users Unable to Interact with Forum Sidebar/Widgets
» is that problem from browser or the nwetwork or site server
» Allowing only users to access pages [javascript]
» i want to exchange posts and users to other forum (site)
» New update: anti-spam system + Google +1 Widget
» is that problem from browser or the nwetwork or site server
» Allowing only users to access pages [javascript]
» i want to exchange posts and users to other forum (site)
» New update: anti-spam system + Google +1 Widget
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum