Hot Bokeh Joomla template is based on design for which we believe it looks nice on all screen sizes, including the largest ones. When you receive the next request for development of full screen site, don't lose the client! Instead, try this template!
Ten years ago, when monitors usually had resolution about just 1000 pixels wide, thinking about full screen template didn't make sense. However, these days when we use at least HD resolution (1920 pixels wide or more), websites based on regular width of about 960 pixels looks somehow small, shy and frugally on our screens.
If you are in web design business, we bet you received a request for full screen website at least once. Trying to explain client that something like that is not possible or not smart will be a losing battle! Actually, you are probably receiving such requests more than once and you would receive them more and more in the coming years. Making a website which occupies entire screen is not an easy job mostly because it's hardly possible to create a design which will look good on the screen which is 2000px wide and, at the same time, look good on screen which is just about 500px wide. If we are about to make the full screen Joomla site, we must take care about all visitors, not just about those who have gigantic screens, but also about those who are browsing our site using notebooks or smartphones.
Beside the features explained so far, Hot Bokeh template also has these features:
Since this template has an unusual feature (it occupies full screen space), there are some features specific for this template. If you feel that text becomes too wide (on larger screens), you can use CSS3 columns. All you need to do is to wrap the entire page content inside DIV with class "twocols", in example:
<div class="twocols"> ...content for your page here... </div>
In this case, entire page will be separated in two columns, as on this page. On smaller screens (smaller monitors and mobiles), the template will automatically show single column and ignore your command for two columns.
It's also possible to make content area fixed width. All you need to do is to enter page class suffix " fixed" (this is a blank space followed by word "fixed" - don't omit the blank space!). You can enter the page class in Menus > Main Menu > Item name > Page Display Options > Page Class. Such page will have maximum width of 960px (or less on mobile devices).