added navline to menu in Agentpress

Community Forums Forums Design Tips and Tricks added navline to menu in Agentpress

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  rfmeier 1 year, 6 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #44826

    john gronley
    Participant
    Post count: 124

    Hello I added a navline to the menu in the AgentPress theme since it is so busy but part of the navline displays when you mouse over one of the drop down menus. It shows to the right side of the menu and I am wondering if there is a way to eliminate that? http://soldbuydivas.com/

    Thanks,

    John

    http://soldbuydivas.com/
    #44892

    rfmeier
    Participant
    Post count: 603

    John,

    Hello. This can be removed. I am guessing the code below is what you edited within your style.css file.

    [css]
    /* line ~406 */
    #nav li a {
    background: url("images/navline.png") no-repeat scroll right center transparent;
    color: #fff;
    display: block;
    padding: 8px 6px;
    position: relative;
    text-decoration: none;
    }[/css]

    The code above applies the background image to all navigation elements, so we need to remove the background image from child (drop-down) elements.

    [css]
    /* line ~431 */
    #nav li li a,
    #nav li li a:link,
    #nav li li a:visited {
    background-color: #fff;
    border: 1px solid #ccc;
    border-top-width: 0;
    color: #273549;
    font-size: 12px;
    padding: 6px 10px 4px;
    position: relative;
    text-transform: none;
    width: 138px;
    background-image: none; /* remove the background image for dropdown elements */
    }[/css]

    I hope this helps or at least points you in the right direction.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.