Move custom Social icons in folder on a line at bottom center

Site URL: https://caper-badger-3s6d.squarespace.com/about

Password: home

click on site logo to make dropdown folder appear. 

I wish to have the custom social icons in a line at the bottom center of folder. Can anyone help me?

This is what I want (look at the custom icons at the bottom center):

Add to Design > Custom CSS

/* Socials icons in dropdown */
.header-nav-folder-content>div:nth-child(n+6) {
    width: 15% !important;
    float: left !important;
}

@tuanphan Thank you! But the icons are not visible,

it looks like this: Can you help me sort this out?

looks fine here, chrome/windows

1 hour ago, tuanphan said:

looks fine here, chrome/windows

@tuanphan okay, Can you help me place them in center, it is now to the left?

On 2/14/2021 at 6:12 PM, SolveigTraeet said:

@tuanphan okay, Can you help me place them in center, it is now to the left?

 

Add to Design > Custom CSS

/* Center menu social */
.header-nav-folder-item.header-nav-folder-item--external:nth-child(6) {
    margin-left: 15% !important;
}

@tuanphan Thank you!