(Squarespace) Force Navigation appears under Site Title on Mobile

To make Navigation appears under Site Title on Mobile, like this.

You can use this code to Custom CSS box.
If code doesn’t work, you can comment below, message or email me.

@media screen and (max-width: 991px) {
    .header-display-desktop {
        display:flex !important;
    }
    .header-display-mobile {
        display: none;
    }
    .header-burger {
        display: none;
    }
    .header-nav {
        display: flex !important;
        margin-left: 0px !important;
        padding-left: 0px !important;
    }
    .header-title-nav-wrapper {
        flex-direction: column !important;
        justify-content: flex-start !important;
        align-items: flex-start !important;
    }
}

1 Like