Top nav output has gap in child menus

[bobmoon]

Hi all -

I'm trying to finalize my HTML5 top nav output, and I have a vexing problem with a gap in the child "flyout" menus (see image).

This happens on menus that fly out to the right, but ones that open to the left are correctly placed.

Can anyone point me to a solution for this?

Thanks,
Bob

topnav_childmenu_gap.png

[NorthEast]

In the HTML code, the menus use list tags; e.g. you'll have ul and li tags, and an a tag for the link.

So my guess is that your stylesheet contains some CSS that's modifying one of these tags; perhaps a margin or padding on ul, li, or a.

For any problems like this, use your browser developer tools (press F12) and use its 'inspect' option to check the CSS of the element.

[bobmoon]

You were right Dave, it was self-inflicted CSS damage.

I had intended to bump the margin-left setting for ul.navigation so that the menu aligned with the product name above it.

But, the rule where I made that change applied to both ul.navigation AND ul.nagivation ul. It was simple enough to split that rule into two so that the margin is only applied to the top-level menu.

Thanks much!
Bob