following buttons

Hi there,

try this CSS:

@media (max-width: 768px) {
    .main-navigation .inside-navigation, .main-navigation .mobile-bar-items {
        display: flex;
    }
    .main-navigation .menu-toggle {
        width: auto;
    }
    .main-navigation .mobile-bar-items {
        position: relative;
        order: 2;
        flex: 1;
    }
    .main-navigation .mobile-bar-items .mobile-social-icons {
        margin-left: auto;
        margin-right: auto;
        transform: translateX(-20px);
    }
    .navigation-search.nav-search-active {
        right: 50px;
    }
}

Yes,it worked perfectly, thank you so much!!!!!!
Now the last thing left is to give these buttons the same look as it is in the homepage. Is it very difficult to do that?

We could do that with CSS, although it would be somewhat challenging. I actually like the minimal look of the icons in the menu as a user, though. They don't take away from the other important elements inside the menu bar.

Let me know :)