I’m making a website as a small project for school and was wondering if anyone has any experience in making the header and footer full width. Technically speaking of what I understand the main problem is that both footer and header is in the wrapper. What I have tried to do is to go into the header.php and place the header/nav-div outside the wrapper. This seems a bit unorthodox and I was wondering if anyone have a more simple or common solution for this (or did I simply do it “correct”?), any help would be appreciated.
What I want to achieve is something like this: http://demo.thethemefoundry.com/titan-theme/
(Notably the header and footer layout, even though the theme is a bit I am looking for I want to be able to learn how to do this with other themes and I really like Pinboard!)
The purpose of the wrapper div is exactly to enclose the whole content in a fixed-width layout, it has no semantic value whatsoever so it’s safe to just move the header and footer outside of the wrapper.