Where to adjust the height of the menu?

Hello @mdivk,
You can achieve it by few css. Just add the below css in Theme options > Tools > Custom CSS

.header-wrapper #site-navigation {
    min-height: 50px; //as per your requirement
}

.header-wrapper .menu li a {
    line-height: 48px; //as per your requirement
    padding: 0 33px; //as per your requirement
}

Thank you very much, here is the website

Your code can partly fix the height issue as you can see.

But, there are still issue in the menu: if you hover on any menu with sub menu, for example, the second menu (Service), you will see there are two second level menus, and they are not accessible.

What’s missing here?

Thanks.

Hello mdivk,
I found there is css as shown below in the site:
.header-wrapper .main-navigation ul ul.sub-menu {
top: 50px;
}

change it to:
.header-wrapper .main-navigation ul ul.sub-menu {
top: 32px;
}

and add this css too:
.header-wrapper .main-navigation ul ul ul.sub-menu{
top:0px
}

It will solve all menu issue.

Thank you for the code, however, it doesn’t resolve the issue, if you open the site, and go to Services->Cupping, you will not be able to select sub menu under Cupping, the submenu is not aligned with its parent menu.

Hi Mdivk,

I did not see following code in your site.

.header-wrapper .main-navigation ul ul ul.sub-menu {
top: 0px;
}

You can add it either in style.css or custom menu section of Appearance >> Theme Options

Add aforementioned piece of css, it will solve the issue.

Hello @mdivk,
You can try out this css for the menu. It will do it.

.header-wrapper .main-navigation ul ul.sub-menu ul.sub-menu{
top:0;
}

Thanks!

Thank you guys for the kind help, it works!!!

Nice to know that the problem has been solved. If there are any further query, then, please feel free to post them.

Thanks

Glad to know your issue have been solved.
Please update theme to latest version to get full features newly added.