Responsive on large desktop screens

[Buzby]

I have fixed my responsive design at 1200 px on larger monitors, but let the header section widen to the full width on larger desktop screens.

The only problem on larger screens is that it throws the logo and mega menu to the far left.

Any ideas on how to line the logo and mega menu up more with the 1200 px design, whilst still allowing the overall header to be full width.

My example site which will only show the problem if you have a large monitor
http://www.qualitysilver.co.uk/Jewel...est/index.html

This is the sort of thing I would like
http://www.bbc.co.uk/news

Any ideas on where I should be looking in the CSS for this?

Many thanks

[malbro]

Any ideas on where I should be looking in the CSS for this?

Many thanks

The logo is set to float left whilst the rest of that area, search bar and links, is set to float right so as the screen expands these items separate to the opposite ends of the screen

The menu bar is set to float left so anchors to the left edge and has a maximum width of 1200 so once it reaches 1200 it stops expanding but remains anchored. You could try changing the menu css so it floats in the centre of the screen with its maximum width of 1200px, setting margins for the menu to auto is a starting point.