Can I change the initial layout orientation?
Of course, all you need to do is set a class attribute to either “horizontal” or “vertical”.
Can I change the initial layout orientation?
Of course, all you need to do is set a class attribute to either “horizontal” or “vertical”.
How does this navigation layout achieve the scrolling part?
Scrolling is enabled when the boxes overflow the page viewport and it’s done either using the control arrows, mouse dragging or swiping the items.
Can I change the properties of a box?
The navigation is very easy to customize. Each box has it’s own dimension, color, icon depending on it’s function. Here is an example of such a box element:
<a class="box" href="https://mail.google.com" style="background: #d32c2c;"> <span>GMail</span> <img class="icon" src="images/gmail.png" alt="" /> </a>
How can I make the boxes open additional content in a lightbox?
Just integrate some lightbox JavaScript plugin, like fancybox and attach it to the .box elements.
<a id="more-info" class="box fancybox.iframe" href="ajax.html">...</a>
<script type="text/javascript"> $('#more-info').fancybox({ ... // option may go here }); </script>
Where can I find additional icons?
There is a very large collection of minimal icons available via iconarhive: http://www.iconarchive.com/show/windows-8-metro-icons-by-dakirby309.html
This author provides limited support for this item through email contact form.
View the item support policy
We'd like to ask you a few questions to help improve CodeCanyon.