When using the 100%/Fluid sizing settings, what is an ideal view on mobile phones and pads, the view is fine. However, when viewing the same content on a tablet or desktop, the spreading of the content makes it clumsy to view and read. Can anyone help us with settings/code needed to constrain the width on the larger screens to a fix value, i.e. 750px as a possible? This way, the view on the larger screens would look better given they are designed for smaller width screens. We would like to make this a global setting, or if needed, something we can invoke on each screen (app has 250+ screens). Open to suggestions ...
You can always add an override CSS rule for the container-fluid
class an add a media query that says something like
@media (min-width:992px) {
.container-fluid {
max-width: 780px;
margin: auto; // probably this too so the site stays centered
}
}
Saj