reduce space distance between navigation menu

Hi there,

Can you go to Customizing > Layout > Primary Navigation > Menu Item Height, click the mobile icon, adjust the value to test?

Let me know :)

As I'm already mentioned in the above email that if I reduce menu item height it also impact on logo size which i don't want.

Try this CSS then:

.mobile-header .main-navigation .main-nav ul li a:not(.site-logo a) {
    line-height: 40px;
}