Navigation Menu and Dropdown Menu Space

firstonlinemy

Hi, I want to ask how to decrease the space between navigation menu and dropdown menu in header. Thank you.

webpage link: https://mlmsoftware.my/bumihijau/

Pablo

Hello,

As you can see, the dropdown menu is displayed right below the logo (top_bar), so there is two ways to solve that:

1) Decrease the height of logo

2) Using Custom CSS

If you prefer the second possibility, tell me if you can handle the CSS code or do you need help with it?

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

firstonlinemy

Hi，can you provide me the custom css code for second possibility? What should i type in Custom css section to get the result i want?

Pablo

Please paste that CSS code:

#Top_bar .menu li ul{
   top: 120px !important;
}

#Top_bar .menu li ul li ul{
   top: 0px !important;
}

thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next

firstonlinemy

Hi， how can I remove the gap for the dropdown submenu to make it clickable？Can you provide me the css code to edit the space?

webpage link: https://mlmsoftware.my/bumihijau/

Phil

Please, replace the first CSS that Pablo sent you with the following one:

#Top_bar:not(.is-sticky) .menu > li > ul{
 top: 120px !important;
}

Thanks

Learn more: Video Tutorials | How To | FAQ Vote on what comes next