My problem is quite simple, I'm halfway through the problem solving but I'm at a dead-end.
I have a website (trial template site) : [url removed, login to view]
My aim is to integrate the blog into the website seamlessly, so on my website, when the user click on blog in the menu, he will be directed to the blog ([url removed, login to view]). The layout of the blog still has the header (menu) and footer (FB, twitter, etc). Thus the user won't know he has already exited the main website and has gone into the blog.
The website is pretty well-built as it is 'responsive', thus maintaining it's layout across all platforms (desktop, phones, tablets).
However the blog is the problematic one. There are currently 2 problems :
1. When you view the blog ([url removed, login to view]) on the desktop, it looks fine. But when you view it on phones and tablets, the header and footer won't shrink according to the screen size. (View attached files)
2. I can't scroll down the blog.
I think it has to do with all the PHP and CSS in wordpress, but due to my limited knowledge, I don't know how to continue from where I am now.
Hope you can help. As I'm running on a very tight budget for this website (as you can see I'm using templates), I hope you can give me a favourable quote.