Ok, it looks like the .content
width was changed to 790px
, and the sidebar width was changed to 410px
in your CSS. So when the browser reaches between 1200px – 1280px the Content and Sidebar areas are too wide to fit inside the width of the screen due to the extra space and padding that was added.
The default width of the theme in the .content
section is 700px
. If you change it back to 700 it will work. If you want to add more width to widen the content but still show up properly then you can try changing the width to 730px
.
Or you could decrease the sidebar width if you wanted to keep the width of the Content. Just make sure you calculate the width of the Content, Sidebar and the padding that was added around both of those sections. If they are too wide for the screen, then the sidebar will fall off to the side.
This is what happens when divs are set at a fixed width. When the responsive CSS kicks in it either decreases the fixed width or changes the width into a percentage so they can adjust with the browser.
Let me know if that fixes it.