Submenu in two columns

[Alexandre]

Hello, I am using a submenu that has 14 items, and it is not fitting on the screen, not being able to see the rest of the items, I would like to divide this submenu into two columns.

[Andy]

In ‘Customize’ > ‘Additional CSS’, add this code:

#primary-menu ul {
    min-width: 360px;
}

#primary-menu ul li {
    width: 50%;
}

[Alexandre]

Thank you. It worked perfectly, but for mobile the second column does not appear all, can we adjust?

[Andy]

Change the CSS to this instead:

@media only screen and (min-width: 1025px) {
    #primary-menu ul {
        min-width: 360px;
    }
    #primary-menu ul li {
        width: 50%;
    }
}

[Alexandre]

Thank you very much, CONGRATULATIONS to the support of the theme, very efficient and fast. I will replicate this theme in two more projects that I need to develop.

[Author]

Posts