Hello,

I fixed the issue.

Not sure if this was done intentially, but the module position user-menu does not show up as a position in the templateDetails.xml

Here's what I did.

I added <position>user-menu</position> to the templateDetails.xml file and then assigned my user menu module to the new user-menu position. In the advanced settings of the module I added form-vertical for the Menu Class Suffix and then added the folllwing CSS to style the menu.

.sp-custom-login-on li {
    line-height: 32px;
    list-style: none;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper .logout-button {
    border-top: 1px #efefef solid;
}

.sp-custom-login-on a {
    font-family: 'Nunito', sans-serif;
    font-size: 15px;
    font-weight: 700;
}

.sp-custom-login-on ul.menuform-vertical {
    padding: 10px 20px;
    margin-bottom: 0;
}

.sp-custom-login-on .form-login-wrap .form-users-wrapper {
    min-width: 195px;
    border: 1px solid #e0e0e0;
    background: #fff;
}

You may need to make your own adjustments to the above CSS, just thought I'd add this just in case anyone else ran into the same issue.

Kind regards, John