Force Single Line Menu

Hello,

Please see the attached image.

How can I force the menu to be a single line even if there are many links? Almost any solution is acceptable as long as it will prevent creating the 2nd line (which looks really bad).

Thank you

Attachments:

You must be logged in to view attached files.

Hi uandi,

Thanks for reaching to us and appreciate your patience.

Please add below Custom CSS code to Theme Settings > Custom CSS > Global custom CSS:

ul.wd-nav.wd-style-bg>li>a {
    padding-inline: 2px;
}

ul.wd-nav-main>li>a{
font-size: 12px;
}

Regards,

Hello Hung,

I would like to keep the font size and spacing as is. Is there a way to show the navigation menu in a single line even if I’ve many links?

Thank you!!!

Hi uandi,

Please add below Custom CSS code to Theme Settings > Custom CSS > Desktop CSS:

ul.wd-nav.wd-style-bg>li>a {
    padding-inline: 1px;
}

div.wd-header-nav{
    padding-inline: 2px;
}

div.wd-tools-element>a {
    padding-inline: 5px;
}

Regards,

[Author]

Posts