[Resolved] Sub-Menu Columns?

[Antar]

Hello, All

One of my clients has created an impossibly large sub-menu of different shop categories. When activated the drop down is longer than my desktop monitor! He refuses to change this set-up and is now arguing that I should be able to make customer browsing more easy.

Screenshot: http://prntscr.com/pl15pu

Is there any clever way I can break-up the sub-menu drop down into multiple columns?

Thanks in advance,

Antar

[David]

Hi there,

can you add a CSS Class to the parent item of that sub menu:

https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#custom-classes

example class name: two-column-menu

then add this CSS:

.main-navigation li.two-column-menu > ul {
    display: grid;
    grid-template-columns: 50% 50%;
    width: 350px;
}

[Antar]

David –

You beauty!

Thanks,

Antar

[David]

Awesome – glad to be of help

[Cali]

Hi David,Why I added your CSS code to the submenu (Menu Item ：”applications” and “products”), but it still doesn’t show in 2 columns? website: https://dw-inductionheater.com

[Cali]

David,It can work well.I made a mistake.Good CSS code!

[David]

Glad to hear you got it working!

[Author]

Posts