Gap between Heder General and dropdown menu

Hello,

The issue you are facing because of the menu line-height 146px, please reduce the line height to fix the issue.
https://ibb.co/CVPzgm6

Hi,

Adjusting the line-height didn’t work. It led to the menu disappearing from sight or being too high up. It didn’t affect that gap at all.

https://ibb.co/ggnSFGv
https://ibb.co/XbXFQCj

Please assist

Hello,

?Please try to add the below CSS code from the Appearance > Customize > Custom CSS, and check.

#site-navigation-wrap .dropdown-menu>li>a {
    line-height: 40px;
    margin-top: 60px;
}

PS- You change value according to need.

Didn’t work, it only moved the menu further down. I’m trying to remove the gap between the menu header text and drop down box. So the gap seen on the red line goes.

https://ibb.co/q9b99Pd

Hello,

Please try with !important.
https://ibb.co/8xQJZBt
Replace the above code with this one.

#site-navigation-wrap .dropdown-menu>li>a {
    line-height: 40px !important;
    margin-top: 60px !important;
}