WordPress.org

Support

Support » Themes and Templates » [Resolved] How to make Twenty Ten drop down menu horizontal?

[Resolved] How to make Twenty Ten drop down menu horizontal?

  • 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!

Viewing 4 replies - 1 through 4 (of 4 total)
  • I had an the display:inline override by something else. But go it too work. Peace!

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

    Thanks

    johnmay42

    @johnmay42

    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

    johnmay42

    @johnmay42

    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

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘[Resolved] How to make Twenty Ten drop down menu horizontal?’ is closed to new replies.
Skip to toolbar