Centering Social Links and Repositioning in Header

Site URL: https://www.pokesports.org

Hi there!

I'm trying to figure out how I can reposition my social links to sit in the center of the page, underneath the page selection screen in my header. Currently they are left-aligned and above. Is this possible with custom HTML?

Thanks!

Mike

Add to Home > Design > Custom CSS

.header-display-desktop {
    flex-direction: column;
    justify-content: center !important;
}
.header-title-nav-wrapper {
    flex: 100% !important;
    margin-left: 0 !important;
}
.header-actions.header-actions--left {
    justify-content: center !important;
    display: flex !important;
    width: 100% !important;
    order: 2;
}

Amazing - thanks so much!