XF 1.3 Stop Sidebar from moving down when smaller monitor

[51463]

I'm not sure how to go about doing this. I was able to customize it from all shrinking down. But i can't seem to get the settings right or find the settings.


At the moment this is what happens when the screen gets smaller. The side bar goes down below the forum.





This is how i would like it to stay. Even if the screen gets smaller the sidebar would stay to the right. And most likey they would have to use the scroll bar to look to the right more.

 

[AndyB]

What are your setting here?

 

[51463]

I figured it out!! All i had to do was disable the responsive design. When i did that it worked except my header moved down and broke it. So i just increased the non responsive minimum width.

There are my settings

 

[AndyB]

I figured it out!! All i had to do was disable the responsive design.

I don't recommend disabling the Responsive function. Members with mobile phones will need the Responsive mode to use your forum properly.

 

[51463]

I was thinking this too. But for now i don't get many hits from mobiles and my forum is based on pictures. So its best viewed on big screens.

 

[AndyB]

I was thinking this too. But for now i don't get many hits from mobiles and my forum is based on pictures. So its best viewed on big screens.

I think you would be surprised what the percentage of mobile phone users are on your forum. My forum has about 350K attachments and pictures are very popular, yet about 25% of all members that login to my forum are on mobile phone.

 

[51463]

Ya you're right. I'm going to have get someone eventaully to professionally skin my forum. Mobile is important now-a-days

 

[Russ]

Ya you're right. I'm going to have get someone eventaully to professionally skin my forum. Mobile is important now-a-days

Serverguy, you could always drop the "Wide" value down in the screenshot above, I believe that's where the sidebar breaks normally, so if you take it from 800 down to say 650, the sidebar wouldn't drop until you reach 650px rather than 800px.

 

[Paul B]

Regardless of who you get, it won't be possible to keep the sidebar in line with the main content on narrow widths.
There just isn't enough room, hence why it has been designed to drop below.

 

[51463]

The reason I don't want the sidebar to go down is i have a lot ads and I get quite a bit of clicks everyday. When i first got xenforo i hated the sidebar. But i found many useful things to do with it. Now i love the sidebar.

Now with the responsive design off. The sidebar doesnt go down and I can see the whole forum even on my mobile phone I still can see it. Thank you for everyones suggestions. I'm happy with it for now.

 

[TPerry]

The reason I don't want the sidebar to go down is i have a lot ads and I get quite a bit of clicks everyday. When i first got xenforo i hated the sidebar. But i found many useful things to do with it. Now i love the sidebar.

Now with the responsive design off. The sidebar doesnt go down and I can see the whole forum even on my mobile phone I still can see it. Thank you for everyones suggestions. I'm happy with it for now.

How good does it look on a 3.5" iPhone 4 and lower or the new "large" (hah... they must have tiny hands) screened iPhone 5/5s. Need to pull out the magnifier to see it? You have to remember, not everybody that views your site has 20/20 vision or better. I know that if I visit a site on my iPhone 5s and it's normal desktop mode - I won't be back.

 

[51463]

Thats the problem. If someone is on a small phone. You can see the whole forum(and sidebar) but the writing is too small. So the user would have to zoom into whichever part of the website they want to see.

 

[TPerry]

Thats the problem. If someone is on a small phone. You can see the whole forum(and sidebar) but the writing is too small. So the user would have to zoom into whichever part of the website they want to see.

And that is exactly why you need the responsive enabled. As @Russ indicated, you could drop the wide width down and that would fix some of the issues - but you are not going to get a desktop type experience on a small screen in an easily viewable format. It's all a compromise.

 

[AndyB]

The reason I don't want the sidebar to go down is i have a lot ads and I get quite a bit of clicks everyday.

I suggest you use the Responsive but create some CSS so that when a mobile user is viewing you place a small advertising appropriate for mobile phones. You can completely remove the sidebar in Responsive mode.