Change attributes in submenu

  • Unknown's avatar
    coustonblog · Member ·

    Hi there — I would like to change the font size of my drop down navigation so it doesn’t wrap (under the ELISE’S PAGE menu option). I’d like it to all fall on one line.

    Also, is it possible to add a line (bottom border) under each drop down option?

    Website: http://www.elisecouston.com

    Thanks for the help!

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    thesacredpath · Member ·

    Hi there, give this a try and see what you think. With the long labels in the submenu, the font size has to go down to around 70%. I’ve also left aligned the text instead of having it centered.

    #nav ul ul a {
    border-bottom: 1px solid #FFFFFF;
    font-size: 75%;
    padding-left: 10px;
    padding-right: 10px;
    text-align: left;
}

    One thing to keep in mind is that browser all render things slightly differently, so what appears the way you want it in one may not in another, so there is always the chance another browser may have two lines for a submenu item. It also of course depends on the visitor’s browser settings.

  • The topic ‘Change attributes in submenu’ is closed to new replies.