Need help? Check out our Support site, then


Problem with Navigation

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

    The blog I need help with is jared8239blog.wordpress.com.

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

  3. 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."

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.