WordPress.com Forums » Topic: Problem with Navigation http://en.forums.wordpress.com/topic/problem-with-navigation WordPress.com Forums » Topic: Problem with Navigation en Wed, 19 Jun 2013 18:37:15 +0000 http://bbpress.org/?v=1.1-alpha-2539 designsimply on "Problem with Navigation" http://en.forums.wordpress.com/topic/problem-with-navigation#post-1173686 Thu, 07 Mar 2013 19:20:24 +0000 designsimply 1173686@http://en.forums.wordpress.com/ Note that CSS is theme specific, and often times you need some context in order to help (such as being able to see the HTML so there is some context).

Since there haven't been an replies on this topic for the past couple weeks, I'm going to change the status to resolved. If you still need help with a WordPress.com blog, please reply back with the link tot he blog you're working on and change the topic status to "not resolved."

]]> designsimply on "Problem with Navigation" http://en.forums.wordpress.com/topic/problem-with-navigation#post-1161465 Sun, 24 Feb 2013 03:32:46 +0000 designsimply 1161465@http://en.forums.wordpress.com/ The blog you selected when you entered your help request doesn't have a menu in it: http://jared8239blog.wordpress.com/

This forum is for WordPress.com blogs. Can you please provide a link to your WordPress.com blog? The CSS will depend on which theme you are using.

]]> jrader981 on "Problem with Navigation" http://en.forums.wordpress.com/topic/problem-with-navigation#post-1157648 Tue, 19 Feb 2013 22:45:04 +0000 jrader981 1157648@http://en.forums.wordpress.com/ Someone gave me CSS to work on. Not sure about the coding. Every time the code is in place, the Navigation stays highlighted, but he drop-down menu is not working properly:

.navbar {
background:#f0b005; /* Old browsers */
background: -moz-linear-gradient(top, #f0b005 0%, #f2d517 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b005), color-stop(100%,#f2d517)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0b005 0%,#f2d517 100%); /* W3C */
width:960px; padding:0px 0 0px 0; border-top:solid #231f20 2px;
-webkit-box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
-moz-box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
box-shadow:0px 4px 5px rgba(50, 50, 50, 0.75);
text-align:center;
}

#navlinks { width: 100%; margin:0 0px; text-align:center; position:relative; padding-top:14px; padding-bottom:10px;}
#navlinks ul li a { text-decoration:none; font-size:14px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;}

ul.level-1 { text-align:center; position:relative; display: inline-block;}
ul.level-1>li { list-style-type:none; float:left;}
ul.level-1>li a { color:#231f20; text-decoration:none; padding:14px 10px 14px 10px; font-size:14px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;}
ul.level-1>li:hover a { text-decoration:underline; cursor:pointer; background-color: #3b3a3a; color: #ffffff;}
ul.level-2
{
display:block; position:absolute; z-index:50; padding:4px 2px 4px 2px; border:solid #231f20 1px; white-space: nowrap; display: inline-block;
background:#f0b005; /* Old browsers */
background: -moz-linear-gradient(top, #f0b005 0%, #f2d517 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0b005), color-stop(100%,#f2d517)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f0b005 0%,#f2d517 100%); /* IE10+ */
background: linear-gradient(to bottom, #f0b005 0%,#f2d517 100%); /* W3C */
margin-top:14px;
color:#231f20;}
ul.level-2 li { list-style-type:none; padding:8px 0px 8px 0px; height:auto;}
ul.level-1>li a {color:#231f20; text-decoration:none; padding:14px 10px 14px 10px; font-size:14px; font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Arial, sans-serif;}
ul.level-2>li:hover a { text-decoration:underline; cursor:pointer; background-color: #3b3a3a; padding:8px 10px 8px 10px; height:auto; color: #ffffff;}

Any help would be great. I've been frustrated with this all day

]]>