Navbar - ethos - remove space between menu item and hover bar

[umaharaj]

I have a gap between the menu title and the hover bar that appears below it.

How can I either reduce this gap - or have the menu items appear centred vertically?

Thanks

[prakash_s]

Hello @umaharaj,

Thanks for writing to us.

To remove the gap between the menu item and hover bar, you need to go to your WP-Admin Dashboard–>X–> Theme options -->Header -->Link Alignment section.
Here you would get an option “Navbar Top Link Alignment” you can customize this setting to reduce the gap between menu item and hover bar.
Please check the screenshot given below.

In case if it does not work for you please share your details in a secure note. Please provide the following details

WordPress Login URL
Admin level username and password

Thanks

[umaharaj]

That worked, thank you @PrakashS.

Not sure if I need a separate ticket for this, but my menu does not show on mobile, how will I get it to show on mobile as well?

[prakash_s]

Hello @umaharaj

Please add this code in Appearance > Theme Options > CSS to show mobile menu:

.x-btn-navbar.collapsed:hover {
color:#000000;
}
.x-btn-navbar.collapsed {
color:#000000;
}
.x-btn-navbar:hover {
color:#000000;
}
.x-btn-navbar {
color:#000000;
}

You can change the colour values per your design.

The purpose of providing the custom CSS to show you how to add CSS code to your site. Writing custom CSS is outside the scope of our theme support. If you need more customization, you need to learn CSS and learn how to use the browser’s element inspector.

Thanks

[umaharaj]

Thank you, much appreciated.

[tristup]

Hi @umaharaj,

Glad that we are able to help you.

Thanks