One line horizontal menu breaks up when using id element for separation from other code.

The code below creates a one line menu using a header text plugin in WP but it breaks the styles in the rest of the home page. I am trying to use the #hmenu id element to limit the styling to just the hmenu section. When I remove the remarks to activate the #hmenu element it turns into a verticle menu?

Any help will be appreciated as I am new to CSS styling. Thanks and regards, Kerry McNally

<!DOCTYPE html>
<html>
<head>
<style> 
/*#hmenu{*/
ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #3082AB;
}
 
li {

help to remove responsive theme

I am hoping someone can help as I have tried without success so far.

All I want to do is remove the responsive menu as shown on this pic.
http://i.imgur.com/kI6cwbu.png

website is http://www.hostingwebdesign.com.au/cmstest/

I need to hide or remove that menu in mobile mode as it doesn't have the submenu feature.
Once I hide that then I can install Blur Mobile Menu which works fine.

Appreciate any help.

Note that the page needs to be in mobile view to see the menu of course.
By using emulator or live on your phone.
I used this..
http://iphone4simulator.com/

Vertical menu active link styling...

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

.gradientmenu{
	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

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.

Syndicate content