cleevewebby

#49212

Hi
I have a horizontal main menu with some dropdowns items under each main item.
How can I make all the dropdown menu items in a line horizontal underneath the menu?
I tried
.dropdown-menu li { float: left; display: inline; }
It puts all items in the menu dropdown to the left
but doesnt display them all in one line across.
Thanks

[Admin]

Syahir Hakim

#49216

If you have many menu items with dropdown, you’ll need to adjust the dropdown width manually for each of them. Example:

@media (min-width: 768px) {
	.dropdown-menu > .menu-item {
		float: left;
	}
	#menu-item-812 > .dropdown-menu {
		width: 400px;
	} 
}