In my attached menu, you can see the dropdown panel size is much larger than my actual text links, and I want to reduce the size of the dropdown panel accordingly. I have spent several hours searching Foundation docs and samples from the internet, but I just don't see it.

It's the same in both the mobil and the normal menus. My mobil menu before you hover a dropdown, is the correct size, but once the dropdown comes, it is back to being too wide.

Any help would be appreciated.

Try the corrections you see in the screenshot, red underlined, to the container 'menu-wrapper top-bar'.

Forgot to say: You have to set the width back to 100% after the 2nd breakpoint.

Thanks Inger for that, I see what that does, and it's good, but not exactly what I am trying to do. When you hover over home link, the dropdown menu is too big, I want to make it the size of my links. If you look at both the mobil and the normal nav, you get the same size dropdown for either. The mobil it actually goes to the side for the submenu. What I have read, seems to point to a foundation ajustment, nothing I seem to do in SD3 makes a difference.

Hi all, here is an updated version of my menu, which does have the panel size reduced. Took a lot of searching the web, but finally found a solution. PLease feel free to check it out, and let me know if you see any problems.