Vertical menu active link styling...

I have a simple vertical menu, here's the CSS:

	list-style-type: none;
	margin: 125px 0;
	padding: 0;
	width: 160px;
.gradientmenu li a:link, li a:visited  {
	border-radius: 20px;
    background: #17988a; 
    background: -webkit-linear-gradient(#17988a, #a7f9f0);
    background: -o-linear-gradient(#17988a, #a7f9f0); 
    background: -moz-linear-gradient(#17988a, #a7f9f0);
    background: linear-gradient(#17988a, #a7f9f0);
	font: Verdana, "Trebuchet MS", Helvetica, sans-serif;
	font-size: 1.0em;
	color: #fbf4da;
	line-height: 0.8em;

responsive menu CSS


I want to move my responsive menu 40px to the right. That's no problem but my dropdown menu stays where it was.
I tried a lot: position relative and all the other positions nothing seems to work. Has anyone a solution for my problem?

Kind Regards,
Guido Marchal, Gouda Netherlands.

HTML code

<label for="show-menu" class="show-menu">Menu</label>
<input type="checkbox" id="show-menu" role="button">
	<ul id="menu">
		<li><a href="">Home</a></li>
			<a href="#"></a>
			<ul class="hidden">
				<li><a href=""></a></li>
				<li><a href=""></a></li>

How do I make a menu bar with xml data source responsive


I have a menu bar with its source derived from an xml data source. I have successfully created the menu bar, but bow I want to make that menu bar responsive. I have tried many options but I can't get a correct solution. I hope for a answer here. The code is given as below.

HAving problem with responsive nav

I am using html and javascript for a responsive collapsable nav. I have used this script in the past successfully, but now it's not working. The url is cricket. index.php is calling the responsive-nav.js and this is the code on my inc_nav.php:

Problem with making menubar for my website

hi,guys. I don't know why i went wrong
>First i have a code in html to make menubar

<!DOCTYPE html>
	<title> Menu Bar</title>
	<meta charset="utf-8"/>
	<link rel=”stylesheet” type=text/css”  href=”css/style.css”>
<nav id="top-nav">	
<div id="menubar">
    <ul id="menus">
         <li><a href='LINK'>DropDownName1</a></li>
         <li><a href='LINK'>DropDownName2</a></li>
         <li><a href='LINK'>DropDownName3</a></li>   
         <li><a href='LINK'>TabName4</a>

Syndicate content