Page 1 of 1
Define Max Width of Site
Posted: Mon Jan 03, 2022 5:09 am
by pmjd
As nuBuilder expands to fill the whole window this may not be ideal behaviour for large widescreen monitors.
A suggestion is add the ability to define the maximum width of the nuBuilder page/site, so that if the screen is very wide the page body stops expanding to fill the whole screen and the page is kept closer to the middle. Also would mean the items on the breadcrumb holder aren't sent to the extreme left/right corners.
Re: Define Max Width of Site
Posted: Mon Jan 03, 2022 8:10 am
by kev1n
Do you mean like this? (center nuBuilder with margins and max-width.)
Code: Select all
body {
max-width: 1080px;
margin: 0 auto !important;
float: none !important;
border-style: solid;
border-width: thin;
border-color: rgba(128, 128, 128, 0.28);
height: 99%!important;
}
html {
height: 100%;
}
center_max_width.jpg
Re: Define Max Width of Site
Posted: Tue Jan 04, 2022 1:42 am
by pmjd
Close, and obviously it works.
However, I was thinking more of having a container div that everything went in, which could be styled separately to the body. So it would allow you to set specific colour(s) or image(s) for the body and the div. So rather than resorting to the unknown browser default backgrounds and making it look like an app that's cut out of place, it gives the nuBuilder coder more control to the overall site look and create a bit of contrast.
Re: Define Max Width of Site
Posted: Tue Jan 04, 2022 4:58 pm
by kev1n
Where would you fit in that container?
html.jpg
Re: Define Max Width of Site
Posted: Wed Jan 05, 2022 11:50 am
by pmjd
Will need to get back to you on that one, will try out a few options and let you know.