This page requires a Javascript enabled browser
<< Back | Main Menu | FAQ | [?]

Responsive Menu

Web navigation system that fits on all devices (desktop, mobile, tablet).

Local: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
<!-- DC Responsive Menu CSS -->
<link type="text/css" rel="stylesheet" href="dcodes/menus/responsive/css/dc_responsive_menu.css" />
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cutive" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="dcodes/jquery.min.js"></script> <!-- (do not call twice) -->

Hosted: CSS/JS files (add code to <HEAD> section):

?
1
2
3
4
5
<!-- DC Responsive Menu CSS -->
<link type="text/css" rel="stylesheet" href="http://cdn.dcodes.net/2/menus/responsive/css/dc_responsive_menu.css" />
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Cutive" />
<!-- jQuery Library (skip this step if already called on page ) -->
<script type="text/javascript" src="http://cdn.dcodes.net/2/jquery.min.js"></script> <!-- (do not call twice) -->

Try resizing this window!

View code:

?
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<!-- DC Responsive Menu Start -->
<nav class="dc_respmenu">
<!-- use <nav class="dc_respmenu blue">
or <nav class="dc_respmenu red"> -->
  <ul>
    <li><a href="#">About<br /> <small>Meet Us</small></a></li>
    <li><a href="#">Clients<br /> <small>Meet Our Friends</small></a></li>
    <li><a href="#">Work<br /> <small>See Our Work</small></a></li>
    <li><a href="#">Podcast<br /> <small>Hear Us</small></a></li>
    <li><a href="#">Blog<br /> <small>Read About Us</small></a></li>
    <li><a href="#">Contact<br /> <small>Email Us</small></a></li>
  </ul>
</nav>
<!-- DC Responsive Menu End -->


© TemplateAccess