How to make Bigcommerce Cornerstone logo and navigation same line.

@include breakpoint("medium") {
    .header {
        display: block;

        &::after {
            content: "";
            width: 100%;
            height: 1px;
            overflow: hidden;
            clear: both;
            display: block;
        }

        .header-logo {
            width: 200px;
            float: left !important;
            margin: 0px 1.5rem;

            .header-logo-image-container {
                min-height: auto;
            }

        }

        .navPages-container {
            float: left;
            margin: 1.5rem 1.5rem 0px 1.5rem;
        }

    }

    .body {
        display: block;
        width: 100%;
        clear: both;
    }
}