Member Types Menu distorted

[Donnie]

Is there a way to have the blocks stacked, or make it a dropdown list? Because when the member types list exceeds a certain amount, the whole entire menu in the “Members” page get distorted. I’ve attached screenshots. I’ve added a bunch of dummy text to show the distortion. MY list will be just as long if not, longer.

Please help. My site is almost done, I just have the member types issues.

The first screenshot is the distortion, the second is when I click on the extra menu items (three dots), then the extra menu item doesn’t even display.

Thank you.

[Donnie]

Hi, I’m just wondering, it has been 5 days. will this question be answered?

[Anonymous]

Hi @donniechen, I have noted your point and will keep in our suggestion list..for now in the screenshot (attached by you) fonts are different and big..meanwhile, add the following css code if its help.

.dir-form .item-list-tabs ul li a, body.activity:not(.bp-user) .item-list-tabs ul li a {
    font-family: Lato !important;
    color: #dfe3e7 !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    letter-spacing: 1.2px !important;
    color: #012243 !important;
}

Regards

[Donnie]

I made that adjustment, although that still wouldn’t solve the issue if I had a lot of member types. But thanks for the temporary solution, and I hope there will be a choice in menu display in the future. Thanks.

[Varun Dubey]

Thanks for your input @donniechen,We will keep inside our suggestion list.
Regards
Varun Dubey

[Michael]

+1 for keeping this in the suggestion list.