@Daniel: Catch Flames is responsive design theme which changes design as per the devices you view from. To make mobile version exactly like Desktop view is not that possible in responsive design. That is why I asked you to disable responsive design.
Also I see that you have Mega menu instead of our default menu. In this case, you need to add the following css in “Appearance => Theme Options => Custom CSS” box:
/* Hide default mobile menu and enable mega mobile menu */
.mobile-menu { display: none; }
@media screen and (max-width: 940px) {
#header-menu { display: block; }
}
If we don’t push left column then it will not be easy to read content. So, what I can do is change it till the device with 783px. For that you can add the following css in “Appearance => Theme Options => Custom CSS” box:
@media only screen
and (min-width : 783px)
and (max-width : 1000px) {
.three-columns.equal .content-sidebar-wrap {
float: right;
width: 74%;
}
.three-columns.equal #secondary {
width: 32%;
}
.three-columns.equal #primary {
width: 65%;
}
.three-columns.equal #third-sidebar {
float: left;
width: 24%;
}
.three-columns #third-sidebar .widget {
width: 100% !important;;
}
}