fixed width centered div until browser window reduces and collapses content

[ahhhhh helllllp]

Im new to coding with divs and responsive/resizable content. I need to know how to set a div to a fixed width of 1200px centered in the browser until the window is reduced to below 1200px. After the window hits that breaking point the div needs to shrink and the li elements need to be able to fold down below each other. There will be a background image stretching to 100% of the screen at all times but the div will be centered until 1200px then collapse. Sorry if its not communicated the best just totally frustrated. All help is super appreciated.

[Paulie_D]

li elements need to be able to fold down below each other.

Not sure exactly what this means but perhaps you could show us where you are right now in a reduced case demo in Codepen,io.

If you have images of how it’s supposed to look that would be useful too.

I hesitate to recommend CSS frameworks but it could be that Bootstrap or Foundation is the sort of thing you are looking for.

Example Bootstrap Menu – http://getbootstrap.com/examples/navbar/

[Author]

Posts