Sub-navigation items unclickable when navigation menu wraps in Default theme

[joebauer]

I’m seeing that when you set up child navigation menu items in the Default theme and when you navigate to the site and narrow your window enough that the menu items wrap so there are two rows, that the sub-menu navigation items on the top row are essentially un-navigatable because you can’t make your mouse jump the gap to the sub-items. Like this:

In this you can see the row of “Fake navigation menu item” navigation items wrap due to the narrow screen, but when I hover over the “Fake Navigation Menu Item with Sub menu items” the drop-down goes under the second row of navigation items, so the mouse can’t get to it and the sub-items disappear when you attempt to do so.

Here's what it looks like on the admin console:

I've tried this with vanilla installs of the Default theme in Omeka S version 1.4.0 and 2.0.2.

Is there a fix or workaround for this?

Thanks!

[kimisgold]

Hi, @joebauer. I've got a proposed fix in a branch over in the default theme's repository. With it, the navigation remains one line of items, but the individual items' text wraps. This should keep the dropdown menus from getting separated from their parent items. Could you try it out and let me know if it works for you? To do that, copy this version of style.css into themes/default/asset/css/style.css within your Omeka S installation.

[joebauer]

Just tried it and it certainly works better now! Thanks! Do you know when that might get committed to the main code? Best, Joe

…

On Tue, Sep 24, 2019 at 12:03 PM Kim Nguyen ***@***.***> wrote: Hi, @joebauer <https://github.com/joebauer>. I've got a proposed fix in a branch over in the default theme's repository. With it, the navigation remains one line of items, but the individual items' text wraps. This should keep the dropdown menus from getting separated from their parent items. Could you try it out and let me know if it works for you? To do that, copy this version of style.css <https://raw.githubusercontent.com/omeka-s-themes/default/flex-fix/asset/css/style.css> into themes/default/asset/css/style.css within your Omeka S installation. — You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub <#1453?email_source=notifications&email_token=ABVKO5JFR4MVV4AJDRAMJA3QLI233A5CNFSM4I2A2RLKYY3PNVWWK3TUL52HS4DFVREXG43VMVBW63LNMVXHJKTDN5WW2ZLOORPWSZGOD7O4LDA#issuecomment-534627724>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ABVKO5I2JLS7WX2NJHXTGJLQLI233ANCNFSM4I2A2RLA> .

[kimisgold]

It needs to go through more internal testing, but after that I hope to do another release within the week.

[joebauer]

That sounds great! Thanks again for the super fast response on this!

[zerocrates]

The fix is available in version 1.4.2 of the default theme.

[m-art-in]

Sorry, I still have the bug with 1.4.2

[kimisgold]

@m-art-in Just to cover our bases, have you cleared your cache/performed a hard refresh?

[m-art-in]

it's a fresh/new installation, so no cache problem

[kimisgold]

Could you provide a live site or screenshot to look at?

[m-art-in]

It's on a local test machine, but here is a screen shot:

I hover with the mouse over "Digitale Bibliothek" but when I try to click e.g. "Drucke" the menu disappears right away.
and thats the Navigation in the backend:

[kimisgold]

I found some bottom padding on the header that I somehow missed when I made the fix. It should be simple to address and test. Thanks for bringing this to our attention!

[m-art-in]

@kimisgold thank you very much! Would be great to have a fix soon. Unfortunately, I don't know how I could do it myself. I have only noticed the issue...

[kimisgold]

We've released v1.4.3 with a fix: https://github.com/omeka-s-themes/default/releases/download/v1.4.3/default-v1.4.3.zip

[m-art-in]

Thank you! Now it's working fine - Issued can be closed again.