Those quiet days as a web designer

written by Web designers London on September 24, 2012 in SEO and Web design with 4 comments

Create a responsive navigation

In this post you will learn how to create a responsive navigation. Now with more and more people viewing websites on all different media devices, it is important you cater for the millions of smart phone users.

In this tutorial we will looking at a standard web page layout that when viewed on a smaller screen size the main navigation disappears and is replaced with a menu drop down icon, that when clicked displays the navigation. Take a look at what we will be creating here.

So lets get started, firstly we will start with the HTML mark up before the HEAD tag we need to insert the jQuery code. We are linking to the latest jQuery code.

<script type=”text/javascript” src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js”></script>

<script>
$(function(){
var nb = $(


4 Responses to “Those quiet days as a web designer


Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>