Custom Module Navigation - Child Items always visible and effects parent nav width.
SOLVE
I've created a custom module which includes a nav menu. The nav includes a parent item with some child items. When viewed the child items always display and the child items make the parent item width huge!
This is what it looks like:
I've set up the menu item like this:
{% menu id="{{ module.menu_field }}", flyouts="{{ module.flyouts }}" %}
Custom Module Navigation - Child Items always visible and effects parent nav width.
SOLVE
Thanks - I've just popped something in which seems to be part way there but if feels a bit rough! I've added white-space:nowrap to the <a> and set a specific width to the parent (hs-item-has-children) but this causes the dropdown to push the centrally aligned tagline to move when the child menu opens.