Menu-items spacing in horizontal submenu:

  • Resolved zazafromjohor

    (@zazafromjohor)


    11 years, 2 months ago

    The site:
    https://norest4thecollectors.x10hosting.com/
    This is a twenty twelve child theme.
    I designed the menu to colapse with an horizontal submenu. However some menu item names are longer than others and as a result overlap one another.
    Any idea how to adjust or auto adjust this spacing ( with the current items and whenever new items are added to the menu). If there is a fix it should obviously not create too much space between other menu items (like in the gigography sub menu)
    Many thanks

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

  • Try using Firefox with the Firebug add-on for this kind of CSS troubleshooting. Or use whatever developer tool is available in your web browser.

    I played around with it for a while. You’d have to toy around a great deal with the styles to get it to look right.

    Thread Starter zazafromjohor

    (@zazafromjohor)

    My issue is if I space out long name item tittle to make it right. Short name item tittle will be “ridiculously” spaced out.
    I wish for an auto space out…..

    Thread Starter zazafromjohor

    (@zazafromjohor)

    Solution found: each item has a distinctive class (IE .menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-543). I just applied a different prop to each of them.

    Hi zazafromjohor.

    I’ve seen your website because I’m trying to change mi vertical submenu into a horizontal submenu. I’ve already tried lots of changes … Could you help me please?

    Andrew Nevins

    (@anevins)

    WCLDN 2018 Contributor | Volunteer support

    @patri MD, Please stick to your own thread to discuss that.

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Menu-items spacing in horizontal submenu:’ is closed to new replies.