TwentyTen SubMenu: How to position second tier menu

  • Resolved databell96

    (@databell96)


    14 years ago

    Hopefully, I’m describing this OK. I’m using a variation of TwentyTen to develop a dropdown navigation scheme using the Appearance–>Menus feature of the theme. I have two tiers of menus in some cases. For example, if you go here:

    https://bit.ly/dMq3Ay

    And go to STORE–>CD’s you’ll see the second tier. Seems to use the same class for both tiers. I’d like to be able to position the second tiered menu (the one with the artists’ names) a bit more down and to the left. Not sure how to do that using the standard stylesheet that comes with WP. Anyone know what to target?

Viewing 5 replies - 1 through 5 (of 5 total)

  • Try adding to stylesheet “../wp-content/themes/bsr/style.css”

    The page reads:

    <ul class="sub-menu">
<li id="menu-item-127" class="menu-item menu-item-type-custom
menu-item-object-custom current-menu-item menu-item-127">
<a href="https://asinstreetrecords.com/
2011/shop/category/cds-2/">CDs</a>

    At the foot of ../style.css try:
    li#menu-item-127 {margin-left:-19px}

    `

    Thread Starter databell96

    (@databell96)

    I tried that and it pushed the CDs button from the main menu to the left by 19px. Not what I’m looking for. I’m trying to push the sub-menu class down and to the left. The main menu should stay exactly the same.

    Thread Starter databell96

    (@databell96)

    Here’s the answer. Had to add the link to the submenu as well:
    li#menu-item-127 ul.sub-menu {margin:14px 0 0 -30px;}

    i tried, and I succeeded.

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘TwentyTen SubMenu: How to position second tier menu’ is closed to new replies.