On Sale - Peach MyBB Theme - 10$ For limited time Check here
On Sale - Focus Responsive Theme - 20$ For limited time Check here
[Focus Responsive] Forum wrapper width
#1
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. Smile

KF
#2
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
#3
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. Smile

KF
#4
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 Smile
#5
Stacking the sidebar boxes at the bottom of the forum would be perfect, thank you. Smile Smile Smile




Users browsing this thread: 1 Guest(s)