Archived topic

Sub-Menu Columns?

6 replies · Started by Antar on October 18, 2019

Viewing posts 1–7 of 7

October 18, 2019 at 4:11 am #1037942

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

October 18, 2019 at 5:28 am #1038008

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;
}

October 18, 2019 at 9:06 am #1038293

David -

You beauty!

Thanks,

Antar

October 18, 2019 at 10:06 am #1038337

Awesome - glad to be of help

February 25, 2022 at 8:39 pm #2134067

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

February 25, 2022 at 9:37 pm #2134103

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

February 26, 2022 at 4:51 am #2134315

Glad to hear you got it working!

This archived topic is closed to new replies.

Start building better websites today.