It looks fine on your site although I see you have changed to a different overlay…

yea thats the 1.0.2 over lay.. doesnt work if I try and used the 1.2.2 over lays like the image above.. 

do you have a link? and is it not full width now?

It is now on the newer version 1.2.2  as you can see now.. insidethedjbooth.com/forum  its no longer full width like it is one the older versions.. However.. once your in a topic .. it goes full width like here http://www.insidethedjbooth.com/forum/welcome/new-itdjb-design

The basic problem seems to lie in the ‘span’ class defined by the WP theme but I do not see or understand why. I agree it should behave the same on all pages. I also am not sure what tghe difference is between pages. But the ‘span’ class does, I believe, probably contain some @media/responsive CSS rules and somehow it seems to be getting applied incorrectly.

The difference between the old and new default CSS is actually pretty small. Mainly small padding tweaks and very specific additions. I don’t see what the trigger can be.

So – at the moment – most intriguing! But not solved.

When I saw it running correctly yesterday was that the older theme default.php stlyelsheet being used or just an older or alternate overlay?

In this bit of coding if i change the font larger… say 130% … it seems to go full width  … maybe that helps to narrow it down.. if you view the forum now.. its full width.. with 130% font

# The overall SP forum container
# ——————————————————————
$mainBackGroundBase        = ‘#ffffff’;
$mainBackGroundFrom        = ‘#ffffff’;
$mainBackGroundTo        = ‘#ffffff’;
$mainBackGroundBorder    = ‘1px solid #333333’;
$mainBackGroundColor    = ‘#000000’;
$mainBackGroundHover    = ‘1px solid #333333’;
$mainBackGroundGradient    = “-moz-linear-gradient(100% 100% 90deg, $mainBackGroundTo, $mainBackGroundFrom); background: -webkit-gradient(linear, 0% 0%, 0% 100%, from($mainBackGroundFrom), to($mainBackGroundTo)); background: -ms-linear-gradient(top, $mainBackGroundFrom 0%,$mainBackGroundTo 100%); background: -o-linear-gradient(top,  $mainBackGroundFrom 0%,$mainBackGroundTo 100%); background: linear-gradient(top, $mainBackGroundFrom 0%,$mainBackGroundTo 100%); background-color: $mainBackGroundBase;”;
$mainBackGroundSolid    = ‘#ffffff’;
$mainBackGroundImage    = ‘url(“images/image.gif”)’;
$mainBackGround            = $mainBackGroundSolid; # pick background from: $mainBackGroundSolid, $mainBackGroundImage or $mainBackGroundGradient
$mainFontSize            = ‘130%’;
$mainLineHeight            = ‘1.2em’;

yesterday when correctly.. it was every thing new /updated to 2.2.2 and only the theme file was old 1.0.2 version .. which is what made me try to replicate the small changes i knew i had done to that file.. one being the text size .. the font size plugin wasnt out then.. once i changed it larger.. the theme got wider… so I went deeper…  today when i tried out the font size plugin.. sure enough.. if i click the large font link.. the wider the theme gets until its maxed then it just simply enlarges the font… crazy,,, but maybe a workable hack lol

Interestingly it is also now behaving itself when you shrink the browser window width. I still think this is connected to the ‘span’ class. What is the CSS for that class defined as – and if part of @media blocks – what are they all defined as?

Seems  i have found a useless span class 

I changed this <div class=”qw-inside-innerbox”> <div class=”row”> <div class=”span”>

with this

<div class=”qw-inside-innerbox”> <div class=”row”> <div class=””>

 and it now goes full width

excellent. So it was the span class that was the cause. Glad it is fixed.