dropdown menu in 2 columns?

  • HI!
    as you can see here https://lalulula.tv/ most of my dropdowns on the main menu are too long, thats why I would like to make them (only the ones with more than 6 items) two colums

    how can I do that?

    thanks in advance ??

Viewing 6 replies - 1 through 6 (of 6 total)

  • hello lulupont,

    I inspected your dropdown menu on your website. Looking at your html dropdown, you would have to create 2 <ul class=”cb-sub-menu”> tags inside of your <div class=”cb-links-menu”>. Inside each

      tag, only place in 6

    • tags.

    In css

    .cb-sub-menu {
    display: inline-block;
    }

    let me know if this helps

    Thread Starter lulupont

    (@lulupont)

    hi, thanks for responding.

    I think I know where you are going to, but I’m not sure how to do it.

    I have been trying this:

    added the css class ” sub-menu-columns” to submenus (from the menu editor) and added this on style.css:

    .sub-menu-columns ul.sub-menu li {
    display: inline-block;
    float: left;
    width:50% !important;
}
.sub-menu-columns ul.sub-menu li:nth-child(odd) {
    float: left;
    margin-right: 10px;
}
.sub-menu-columns ul.sub-menu li:nth-child(even) {
    float: right;
}

    AND THEN SO I CAN TARGET JUST SOME ITEMS ON THE MENU I ADDED THIS:

    #menu-item-9154 #cb-nav-bar #cb-main-menu .main-nav li .cb-links-menu .cb-sub-menu {width: 400px !important;}

    with no luck

    any idea will be apreciated ??

    Ok, I get what you’re trying to do.

    Have you tried changing the width. Instead of width: 50%; , try width: 200px;

    Here’s a link to what you’re trying to accomplish

    https://www.prowebdesign.ro/wordpress-sub-menu-items-split-in-2-columns-the-easy-way/

    Thread Starter lulupont

    (@lulupont)

    yea, that’s exactly what I want to achieve ??

    but it isn’t working for me.
    I changed the with to 200px with no results….

    I dont know what else to try…

    I believe that I need to change the ul with, but I dont know where can I do this….I dont know where the php for the menu is, and I dont think I can do it by adding a class from the menu dasboard….

    Thread Starter lulupont

    (@lulupont)

    Sorry I can change the ul with from css, but I need to do it only to some of the menu categorys, not all of them

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘dropdown menu in 2 columns?’ is closed to new replies.

Tags