Menu item - gap between lines

[compania123]

Hi there,
I want to ask you how can we add gap between these two lines in menu item. It has longer name than other items and in two lines it is hard to read.

Thanks
Michael

[tristup]

Hi @compania123,

Thanks for reaching out.
You need to add a custom CSS code to increase the space between these two lines, please go through the following article on how to add the space between two lines using the line-height attribute of the CSS.

line-height - CSS: Cascading Style Sheets | MDN

line-height

Please remember that we don’t support or investigate custom codes or related issues.
Thanks

[compania123]

Thank you for your reply.

I understand that there is a problem with line height. Please can you provide CSS for the change of line height in side menu (header).

Thanks

Michael

[prakash_s]

Hello Michael,

You can use this custom CSS code to increase the line height of the menu under X–>Theme Option—>CSS

.x-navbar .x-nav-wrap .x-nav > li > a {
line-height: 25px;
}

Please feel free to change the line height value as per your design. The purpose of providing custom CSS is 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.

Hope it helps.
Thanks

[compania123]

@prakash_s

.x-navbar .x-nav-wrap .x-nav > li > a {
line-height: 25px;
}

Many thanks

[tristup]

Hi Michael,

Glad that we are able to help you.

Thanks