Gap between navigation element and it's dropdowns

Support
#1

Hello!
I’m using the Header Builder, and within that I have a bar with the site’s navigation menu. The element is “Navigation Inline”. When the dropdowns activate, there is a gap between those windows and the bar where the menu is sitting. When I select the “navigation inline” element, I can see that there is a space top and bottom. I haven’t been able to pin that down to adjust it. How can this be adjusted?

Screen Shot 2021-11-12 at 12.46.39 PM
Screen Shot 2021-11-12 at 12.46.39 PM782×386 35.6 KB

#2

Hello @PoscoCreative,

Thanks for writing in!

The submenu is being pushed down because of your top and bottom padding in your Top Links, Menu > Top Links > Design.

Screen Shot 2021-11-13 at 12.25.23 PM
Screen Shot 2021-11-13 at 12.25.23 PM910×82 14.7 KB

Screen Shot 2021-11-13 at 12.25.15 PM
Screen Shot 2021-11-13 at 12.25.15 PM626×524 28.8 KB

Set the Top and Bottom padding to at least 0.5em to remove the gap.

Kindly let us know how it goes.

#3

Thank you! I think I was having a caching issue and the changes weren’t showing up. It’s all set now.

#4

Hi @PoscoCreative,

Glad that we are able to help you.

Thanks

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.