Return to Support

menu sub-items indicator hard to see, should pop up on hover.

Home Forums Franz Josef Support menu sub-items indicator hard to see, should pop up on hover.

Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
    Posts
  • #10029
    zenjoi
    Member

    Hello!

    I tried using a sub-item on my menu, and it looks very easily missable.

    news-subitem.png

    Once I do manage to find it and click on it, the list looks plain and it discolors the tab in the bar.

    news-subitemopen.png

    What would make this a lot more user-friendly and slick is if the dropdown opened when you hovered over the parent item, and if the background to it was a slightly transparent black, with white font from the body text.

    I can wait on an update for the aesthetic part, but is there some css tweak I could add to make the dropdown open on hover instead of a click?

    #45157
    zenjoi
    Member

    update: when I am on the sub-item page itself, it no longer lets me go to the parent item.

    In context: I am on the “sign up for newsletters” page, and I cannot click on “NEWS” to go to the regular news page.

    #45158
    Syahir Hakim
    Keymaster
    Quote:
    What would make this a lot more user-friendly and slick is if the dropdown opened when you hovered over the parent item, and if the background to it was a slightly transparent black, with white font from the body text.

    I can wait on an update for the aesthetic part, but is there some css tweak I could add to make the dropdown open on hover instead of a click?

    This was an option we considered, but it simply wouldn’t work on mobile devices as there is no hover event on mobile devices, except for the limited subset of devices that have active stylus. Thus we have opted for the solution that works across devices – click (or tap) to open the dropdown. This is the standard implementation of the Bootstrap framework as well.

    Quote:
    update: when I am on the sub-item page itself, it no longer lets me go to the parent item.

    In context: I am on the “sign up for newsletters” page, and I cannot click on “NEWS” to go to the regular news page.

    You still can – just click twice on the parent item. The first click will open the dropdown, the second click (while the dropdown is open) will take you to the parent page.

    If this is not intuitive enough for your users, you can simply add another menu item to the dropdown list that will take them to the parent page again.

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.