The current website I am working on - http://www.mobilebuddy.co.uk/encompass/ needed the topbar content above the main content area. I did this by adding a margin-left & margin-right of 500px.
However, when resizing the browser this causes the topbar height to increase drastically, any solution to fix the responsiveness would be greatly appreciated. Thank you.
The easiest option would be to nest an inner div inside the topbar and set it to margin:auto and max-width:940px.
Without touching the html you can try this:
The above is additional code and follows after the original rules. It should work in IE9+ (and possibly ie8).
Thank you! This solved my issue.