How can we restrict the total site width to 990px (with fixe

lemons commented 5 years ago

can't you simply add css?: main { max-width: 970px; display: flex; align-self: center;} // assuming your content is the html main tag

Marta Szymanska staff pro premium commented 5 years ago

Hi,

would you provide en example of the problem, eg. paste here a link to your website or create a snippet here: https://mdbootstrap.com/snippets/?

Best, Marta

Marta Szymanska staff pro premium commented 5 years ago

Hi,

Do you mean this effect: https://mdbootstrap.com/snippets/jquery/marta-szymanska/1611456?view=side#css-tab-view?

Best, Marta

lemons commented 5 years ago

or maybe something like this:https://mdbootstrap.com/snippets/jquery/lhock/1612327

I'd recommend to have a look a the RFS topic to simply scale the font size according to the the screen size: https://mdbootstrap.com/docs/jquery/content/responsive-font-size/

Why would you want to use a fully responsive framework and limit it? Also you can use other ways to deal with all this whitespace. E.g. you could simply have some background animations, design elements breaking out of the container or a sidepanel with additional stuff on very-large-screens only.

Marta Szymanska staff pro premium commented 5 years ago

Hi,

thank you @lemons for your help. Are our answers satisfying you, @stopsusa?

Best, Marta

stopsusa pro commented 5 years ago

These don't seem to answer the problem - we want the site to maintain the look and responsiveness up to 970px and stretch no further. It can be centered on a colored background that fills the rest of the monitor regardless of screen monitor size.

lemons commented 5 years ago

isnt't that exactly what my snippet from my comment above shows? https://mdbootstrap.com/snippets/jquery/lhock/1612327

stopsusa pro commented 5 years ago

Looks ok after we cleared our browser cache. we will test it out and work into our next project. Thank you

Marta Szymanska staff pro premium commented 5 years ago

You're welcome.