Menu dropdowns horizontal and persistant

  • cleevewebby


    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.


    Syahir Hakim


    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;
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.