Menu dropdowns horizontal and persistant

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

You must be logged in to reply to this topic.