Placing navigation text under the site title and center align both

On 10/30/2023 at 11:33 PM, lunakito said:

Hi! Yes, exactly like your image.

Add to Website > Website Tools (under Not Linked) > Custom CSS

@media screen and (min-width:900px) {
header#topBar {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

ul#nav {
    max-width: 100% !important;
    margin: 0 !important;
}

nav.main-nav.dropdown-hover {
    text-align: center !important;
    display: flex;
    justify-content: center;
}

.siteTitle {
    float: none !important;
    max-width: 100% !important;
    text-align: center !important;
}
}