Transparent header space between main menu items and submenus
I cannot figure out how to remove the gap between the transparent main menu items and their submenu items. I have tried adjusting the height, vertical padding, vertical alignment, and overflow. I have even tried different logo variations. However, there is always a gap. I can vary the size of the gap but not completely remove it. I tried to reproduce on the demo sites but none of them have submenu items from what I can tell...
When you scroll down the page and the sticky menu kicks in, there is no issue with the submenu alignment. It borders up to the bottom line. This is the behavior I would also expect from the transparent header.
You can view the issue here:
Thanks in advance.
Comments
to decrease space between the menu and sub-menu, please use:
#Top_bar:not(.is-sticky) .menu li ul { top: 75% !important; }