I have an html page, with header, main content , footer and left hand side menu.
I have used a container class ( shown below in the example). I understand the max-width of the container changes with the size of the device and thus giving it's responsive nature.
but is it possible, to stop this behavior at some minimum width.
right now , if I view my page (sample html below), in a smaller laptop screen, the main content area is stacked below the leftMenu div. I would like to show the leftMenu and main content , side by side all the time, and when screen is too small have a horizontal scroll bars.
how can i achieve this?
<div id="header class="container">
<div id="content" class="container">
<div id="leftMenu"> </div>
<div id="main content"> </div>
<div id="footer" class="container"></div>