WordPress.org

Forums

Ward
[resolved] Sub Menu support (9 posts)

  1. nymets1104
    Member
    Posted 11 months ago #

    I have a menu set up like:

    ul
    -->li
    -->ul
    ------->li
    ------->li
    -->li

    So nested sub menus. The children of the sub menu are not visible on the site. They are there when I view in inspector but hovering over the parent does not change their dislplay:none attribute. Do you have any suggestions or does tor theme support this? If not I will add my own cs's to address it.

  2. ddfoston
    Member
    Posted 11 months ago #

    Hi Nymets

    Would you please give a link to your site it would really help us to give you advice.

    Thanks
    Dave Foston

  3. Maria Antonietta Perna
    Member
    Posted 11 months ago #

    Hi Nymets,

    Did you try clicking on the link to trigger the dropdown? I visited the theme's demo page and I clicked to have the sub-menus display.

    I hope this helps.

    Cheers :)
    - Maria Antonietta

  4. nymets1104
    Member
    Posted 11 months ago #

    Sorry:
    http://crossfittacticalstrength.com

    The sub menu is under "About Us" --> "Blog" which should have three children. "Articles", "Nutrition", and "Oly Work".

    If you click on "Blog", it takes you to an empty page titled, "Blog"

    Thanks for your quick attention.

  5. ddfoston
    Member
    Posted 11 months ago #

    Hi Nymets

    To answer your Blog page question:
    1. Have you Set up a static home page with your Blog page set to hold your posts?
    Settings=>Reading then set the pages
    2. Do you have any posts that would fill the designated blog page?

    To answer your first question on hover:
    It looks like the theme is set up to drop the submenu down on a mouse click as that works just fine.

    I hope this helps
    Dave

  6. ddfoston
    Member
    Posted 11 months ago #

    Hi

    To answer your question on drop-down menus on hover you could try this code:

    ul#menu-main-menu li.dropdown:hover ul {
    display: block;
    }

    I was able to get this to work on Chrome's Inspect Element

    Take care
    Dave

  7. nymets1104
    Member
    Posted 11 months ago #

    fostanda, thanks for your response and guidance.
    I was able to get it to its current form with the style rule:

    #menu-item-56:hover ul {
    display: block;
    position:absolute;
    left:239px;
    top:-1px;
    }

    It is now functioning just as I had hoped, Thank You. I really enjoy just how customizable your theme is.

    -David

  8. nymets1104
    Member
    Posted 11 months ago #

    So with a small CSS tweak, this theme fully support sub-menus.

  9. ddfoston
    Member
    Posted 11 months ago #

    I'm glad you've got it how you want

    All the best
    Dave

Reply

You must log in to post.

About this Theme

About this Topic

Tags