title: Aligning headers/footers using responsive styles
body: <p>Check out <a href="http://www.rawpeaks.com" rel="nofollow">my site</a> here to see the issue across different size screens and on mobile.</p>
  
  <p>I originally used the Luna theme in Bigcartel, having modified parts to make it bespoke to our brand. Whilst doing so the Luna responsive theme no longer worked... having not changed it one bit (Something in my actual code must have caused it to stop working)...;it would just show a blank white screen (mobile).</p>
  
  <p>I then copied and used the responsive style of a separate theme, which causes my site to act like the normal site on a mobile etc... however the headers/footers are all out of place and mis-sized. I have tried changing all widths to %, but have failed to notice any differences. I had managed to change the size of the flexslider.. so that now it works but I am struggling to change the size of the other major components on the page (including navigation bar). </p>
  
  <p>I am reluctant to post any code in here as of yet... as I'm not sure what to include (I dont want to include all the responsive styles), but perhaps someone could point me in the right direction?</p>
  
  <p>Thanks,</p>