WordPress.org

1. holysimply
   Member
   Posted 2 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 2 years ago #
   

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

3. Cronolis
   Member
   Posted 2 years ago #
   

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

   Thanks

4. johnmay42
   Member
   Posted 1 year 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 1 year 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.