Responsive Full Screen Template (all devices)

Bokeh full screen template is based on a design that we believe looks nice on all screen sizes, including the largest ones. When you receive the next request for the development of a full screen website, don't lose the client! Instead, try this template!

Ten years ago, when our monitors usually had resolution about just 1000 pixels wide, thinking about a 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 look somehow small, shy and frugally on our screens.

If you are in the web design business, we bet you received a request for a full screen website at least once. Trying to explain to your 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 of all visitors, not just those who have gigantic screens, but also those who are browsing our site using notebooks or smartphones.

Template Screen Shots

Template Key Features

Besides the features explained so far, the full screen template also has these features:

  • This is responsive template, based on valid and clean CSS code, powered by Sparky Framework for Joomla.
  • 10 pre-defined styles with different colors. All colors are easily customizable in Sparky options (infinite color options). This template has the largest number of color styles of all our templates!
  • Customization of the template's layout and adding/removing module positions is easy! It's powered by Sparky's drag-and-drop Layout Editor. Change layout and element's dimensions easily whenever you need.
  • Hot Full Carousel, Hot Film Tape, Hot Maps, and Hot Joomla Carousel modules are included with the Bokeh template. All commercial modules included in this template are free for you, if you buy the template (you save $19 per module). All extensions are pre-installed and configured.
  • HotStart (SQL dump) available with both single purchase or membership plan. It copies the template with all extensions and demo pages easily.
  • 17 module positions are used in our demo. An unlimited number of module positions can be added easily within the Layout Editor of Sparky Framework if needed.
  • SEO-friendly template code for better success of your site.
  • PSD source file and fonts are available.
  • Top menu system with presentation of sub-level in drop-down panes. It's converted to a button for smaller resolutions and better user experience on mobile devices.
  • Google Mobile-Friendly Test PASSED.
  • Tested with Edge, Firefox, Chrome, Safari, and Opera browsers on PC and Mac computers. Tested on iOS and Android mobile devices.
  • Support for RTL (right-to-left) languages.


Full Screen Template (laptops)

Specifics for Bokeh full-screen template (after installation)

Since this template has an unusual feature (it occupies full-screen space), there are some features specific to 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", for example:

<div class="twocols">
...content for your page here...

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 the page class suffix " fixed" (this is a blank space followed by the 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 a maximum width of 960px (or less on mobile devices).