[Share] 2 Columns Dropdown

Suppose we need to change Portfolio dropdown to 2 columns.

#1. First, you need to know this.

In my example, Portfolio will be nth-child(3), so Its ID:

div.header-nav-item:nth-child(3) div.header-nav-folder-content

#2. Next, use this code to Custom CSS box

div.header-nav-item:nth-child(3) div.header-nav-folder-content {
    column-count: 2;
    column-gap: 5px;
}

Result

#3. If you want to change gap between 2 columns.

You can use this CSS code. Then adjust 25px in column-gap code.

div.header-nav-item:nth-child(3) div.header-nav-folder-content {
    column-count: 2;
    column-gap: 25px;
    min-width: unset !important;
}