responsive menu CSS

Hello,

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>
		<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

Hi,

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>
<html>
<head>
	<title> Menu Bar</title>
	<meta charset="utf-8"/>
	<link rel=”stylesheet” type=text/css”  href=”css/style.css”>
</head>
<body>
<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>
             <ul>

border-radius in selected items

Hello, people,

I have a vertical menu on my website (in construction) as follow:

<ul id="menu">
   <li>text
       <ul>
          <li> submenu </li>
       </ul>
   </li>
<li>... more rows in the menu
 
</ul>

In CSS I put on this:

ul#menu {some things;
         border-radius: 0px 20px 20px 0px;
}

Syndicate content