Docs

[thebioguy]

I am using the following to achieve a horizontal submenu, but the menu items run together. How do I separate them?

.x-navbar .desktop .sub-menu{
display: block;
min-width: 270px;
width: auto;
}
.x-navbar .desktop .sub-menu li.menu-item{
display: inline-block;
float: left;
}

[Prasant Rai]

Hello There,

Thanks for writing in!

You can add this under Custom > CSS in the Customizer:

.desktop .sub-menu li>a {
    padding-left: 5px;
    padding-right: 5px;
}

However instead of going through custom css solution, we recommend you to have a look at mega menus. As per the your question i think using Mega Menus will be a much better solution:

https://community.theme.co/kb/how-to-setup-megamenus/

Thanks.

[Author]

Posts