Forum Wrapper

[Fleiding]

I've placed the following div in my custom.css to display two white borders on the left and right side on my forum and to lower my banner a little bit.

#main-forum-wrapper {
    max-width: 100%;
    margin: 0 auto;
    overflow: hidden;
    background: #fff;
    padding: 10px;
}

I had to edit my header and footer template to insert this div, so I'm wondering if there is a way to just use custom.css. I saw the following code on the vB forums but using this css it doesn't show the white borders on mobile devices. When added the padding, it messes up the responsive layout.

#wrapper {
    max-width: 1200px;
    min-width: 320px;
    width: 100%;
}

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
     margin: auto;
}

Any advice?

[glennrocksvb]

Can you post a screenshot of the effect you want to achieve?

[Fleiding]

http://imgur.com/a/LfW76

Top one is the default one and the bottom one is with my current div.

[glennrocksvb]

This requires a not straightforward css solution due to the way the HTML is structured. Will try to figure it out but I will have no access to my computer for 2 days.

[Fleiding]

Thanks, I appreciate it.