So I've had Star Trek RPG coded and open since March. Now it's a fabulous looking website and it's smooth fix width layout. Gorgeous. The pink version is my favorite.
Now that' all fine and dandy but I browse my website from mobile devices and this has been driving me crazy! Like nutters beyond my normal insanity... On the post page (and only on pages with posts) there is something that makes the 1100px width larger, specifically on the right hand side. (BTW I figured it out about here in writing this). It looks like there is a 1300 pixel margin but it's only on the right. My mobile devices do it too and I haven't been able to figure it out.
Now this was going to be a plea for someone to help me figure it out but I went and click a few buttons to see if I could figure it out. Now with that clicking I found a new thing in the built in Firefox for inspecting code. It's this cool 3D thing to show me the layers in my website. Well turning that on it showed me the element that was causing it (it was a conflict in a width of an element I shrunk manually for the post screen) and have since fixed it.
So what is the moral to this story? Click new buttons.