Header bar drop down overlay runs off the page and won't scroll

Site URL: https://www.crliquidators.com

My drop down for the different categories we offer (All Products ↓) has more categories than what fits on the page and it runs off the screen. How do I get it to either show multiple columns or at least scroll so people can see all of the categories in the overlay?

Add to Home > Design > Custom CSS

a[href="/allproducts"] + div {
    column-count: 2;
}

Thank you for the reply. It does give me 2 columns but it cuts the categories at the column width and still runs off the page. I tried changing it to 4 columns to get everything on the page but it made it even more chopped up. Is there any way I can get it to recognize the categories and set the width based on the longest one? Or can I set the width and height manually? Here is an example of what it is doing:

Adhesives/S

ealants

Drilling/Hol

emaking

End

Mills/Hol

ders

This is what happens with 2 columns.

This is with 4 columns. I really appreciate any help on this.

New code

.header-nav-folder-item {
    width: auto !important;
    white-space: nowrap !important;
}
.header-nav-folder-content {
    column-count: 4;
    width: auto !important;
}

Thank you, it worked great. I really appreciate it.