Menu icon Foundation
Maintain padding of top level menu item vs. inheriting dropdown padding?

How might I maintain the padding of the top-level menu item vs. it adjusting to the items below it?

For example, this is what is happening now:

Screen shot 2015 05 19 at 3.34.18 pm

But I'd like to have this happen:

Screen shot 2015 05 19 at 3.34.56 pm

I'd okay with the dropdown still having that extended padding, I just don't want the top to have it.

Thanks for your time. -Joe

topbarnavigationpadding

How might I maintain the padding of the top-level menu item vs. it adjusting to the items below it?

For example, this is what is happening now:

Screen shot 2015 05 19 at 3.34.18 pm

But I'd like to have this happen:

Screen shot 2015 05 19 at 3.34.56 pm

I'd okay with the dropdown still having that extended padding, I just don't want the top to have it.

Thanks for your time. -Joe

This post has been closed. No new replies can be added.

Rafi Benkual about 4 years ago

I've had great luck using the Chrome inspector to find the classes to target. Here is how I add padding to the dropdowns http://codepen.io/rafibomb/pen/aOZgwr?editors=110

Joe Windeknecht about 4 years ago

Perfect. Thanks Rafi.