Header and navigation bar.

Is there a way to remove the banner and header altogether and move the logo to the left of the navigation bar…and make it sticky responsively?

I tried using the following code to centralise the navigation to make space for the logo towards the left of the navigation bar but it messes up a lot of things. It shows the desktop navigation in mobile displays along with mobile navigation, which leaves me with two navigation.

.navigation-inner {
    text-align: center; /* center nav item */
    position: relative; /* keep search in place on right */
}

.main-menu {
    display: inline-block; /* center nav item */
}

/* keep search in place on right */
.search-toggle {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 0;
}

Thanks