Reactive Responsive Features

Reactive is a true responsive Sandvox design.

Using an original custom javascript file along with some never before used css coding in a Sandvox design, the Blueball Reactive Responsive design works around the current preset mobile display limitations of Sandvox designs, and gives you a fully functional responsive layout that allows your sites to display responsively on all desktop and mobile devices.

Check out these default Reactive Responsive features:

  • Makes your Sandvox site "Google Mobile-Friendly"!
  • Full screen width fixed position desktop nav menu with multiple dropdown sublevels.
  • Mobile nav menu layout with standard hamburger menu icon and customizable "Menu" text beside it.
  • Full screen width banner image display on all devices. Use our default banners or your own custom banner image. Note that the entire banner image scales down with no cropping on mobile devices! Banner can be any height too! No banner image is displayed initially. Banner image only displays when custom banner image is added into layout.
  • Comes with 13 awesome color schemes including 3 dark versions: black, blue, brown, burgundy, dark, dark 2, dark 3, gray, green, orange, pink, purple, and red.
  • Comes with an initial page width set to a max-width of 1028px. This can be easily changed to a wider width via customization using Site Code Injection.
  • The content area is set to 75% of the max-width amount and the sidebar is set to 25%.
  • Once the mobile breakpoint widths are reached, the main content area and the sidebar content display as a single column with the content first and the sidebar below it with the footer at the bottom.
  • Font Awesome icons available and used in areas of the Reactive layout. Add different Font Awesome icons in place if you want to using some custom css.
  • Photo Album and Slideshow single images span the full width of the content area and scale down as needed automatically depending on screen width.
  • Comes with 8 custom Google font styles built-in to use on your site.

There's much much more you can do with Reactive - The easy-to-use responsive Sandvox design you have been waiting for!

Reactive is easy to customize.

We include a detailed easy-to-understand Reactive Customization readme file, packed with bits of css code for customizing many aspects of the Reactive design layout. And by using Sandvox's Site Code Injection, it's very simple for any level Sandvox user to do by adding css code into the Style Sheets window area. Best of all, we are here to assist you on this if you have any questions on any of the custom css code provided in the Reactive customization readme file.

Mobile responsive site layouts are the standard now.

Internet users today expect web sites that they visit to be responsive and optimized for viewing on mobile devices, like tablets and smartphones. This lack of responsiveness has been the biggest drawback with Sandvox generated sites for your mobile device viewers. Now with the Blueball Reactive Responsive designs, you can produce true mobile device friendly web sites for your site viewers, maximizing the visual impact of your site content on mobile devices!


© Blueball Design LLC 2015, All Rights Reserved.  |  Email us
Site created using the Blueball Reactive Responsive design and Sandvox™ by Karelia Software  |  E-commerce store powered by e-junkie
Sandvox™ is a registered trademark of Karelia Software, and is used with permission.