WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] How to make Twenty Ten drop down menu horizontal? (5 posts)

  1. holysimply
    Member
    Posted 3 years ago #

    Working with the default Twenty Ten theme, and created a drop down menu using Appearance > Menu. However, how do I get the drop down menu to display horizontally. I've tried display:inline and float: left, and nothing seems to take. I've also tried targeting the specific menu with custom css classes, but again, nothing. Wondering if anyone has come across this issue, as well have a work around to getting the drop down navigation display horizontally.

    Thank you in advance!

  2. holysimply
    Member
    Posted 3 years ago #

    I had an the display:inline override by something else. But go it too work. Peace!

  3. Cronolis
    Member
    Posted 3 years ago #

    Any Luck? I'm trying to do the same thing???

    Thanks

  4. johnmay42
    Member
    Posted 2 years ago #

    I found an answer!
    Here is the 'original' css:

    [CSS code moderated - please use the pastebin for any code longer then 10 lines - see forum rules for posting code]

    and making sure that CSS Classes is checked in Screen Options in Appearence > Menu here is my solution:

    [dito]

    sub1 has fewer items than sub2 so the left offset doesn't need to be as great.


    Here is edenayurveda.com

    Feel free to ask any questions!
    Thanks

  5. johnmay42
    Member
    Posted 2 years ago #

    Here is the abbreviated version of old code:
    #access ul ul {width: 180px;}

    and the new code:

    #access ul ul {min-width: 880px;}
    #access ul ul .sub1{left: 80px;}
    #access ul ul .sub2{left: -320px;}

    Feel fee to ask questions

    Here is edenayurveda.com

Topic Closed

This topic has been closed to new replies.

About this Topic