How to replace the mobile hamburger icon with two social media icons for a site without pages except home

Site URL: https://numomo.com/

Hi, I am setting up new site. The mobile view shows a default hamburger (or +) icon for the collapsed menu on mobile. Since the entire page is only a single page without no additional pages, no mobile menu is needed. I want to a) get rid of the mobile menu logo (the hamburger or +), and replace it with two social media icons, i.e. the Twitter and Instagram icons (just like on the desktop view). How can I do that?

Add to Design > Custom CSS

@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;
}
.header-nav {
    display: flex !important;
    flex: 70% !important;
    justify-content: flex-end;
    width: 70% !important;
}
.header-title {
    flex: 50% !important;
}
    .header-actions.header-actions--right, .header-actions-action {
    display: flex !important;
}
}