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>

border-radius in selected items

Hello, people,

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

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

In CSS I put on this:

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

drop down menu-help for class!

Hi, guy! I'm really new to the CSS world, and I have class website due on Monday. I realize it's short notice, but I'm pulling my hair out here.
Okay, so. I need to have a horizontal navigation bar with a transitional element. I've figured this out. What I can't figure out is how to make a vertical drop down menu from one ("Profiles") link/list item in the horizontal menu.
Here is my HTML:

Syndicate content