Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS sub-menu drop down issue – wordpress

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #156775
    kurstxmo
    Participant

    I added a couple pages to a wordpress site and for some reason I can’t figure out why the sub drop down menu won’t fly-out to the right and drop down like I’ve seen on a tutorial. The children of the submenu item seem to be floating left?

    The site is http://www.pretendcity.org and you see the issue when you hover your cursor over “Support Us” on the main navigation menu, then hover over “Special Events” at the bottom of the drop down list. I want the 3 sub-items under “Special Events” to fly out to the right and drop down. Please let me know if anyone has any ideas.

    Thanks!

    #156777
    Rolf Carlsen
    Participant

    Hi,

    This should do the trick:

    ul#menu-navigation > li > ul > li:hover > ul {display:inline-block; width:auto; margin-left:100%; top:0;}
    
    ul#menu-navigation > li > ul > li:hover > ul li {width:100%; display:inline-block;}
    
    #156799
    kurstxmo
    Participant

    Yup, that did it.

    Thanks Rolf!

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.