Navigation bar below logo

[eutaw]

On screens 980px - 1199px, the navigation bar is below the logo. I added the code below but it did not completely fix the problem. Please point me in the right direction.

@media (max-width: 1199px) {
.masthead-inline .x-btn-navbar {
display: block;
float: right;
}

.x-nav-wrap.desktop {
display: none;
}

.x-nav-wrap.mobile {
display: block;
}

.x-nav-wrap.mobile.x-collapsed {
display: none;
}
}

[nabeel]

Hi @eutaw,

Thank you for reaching out to us. The logo you’ve is quite big for your menu, you can resize the logo in smaller screens by adding the following code to fix the issue:

@media screen and (max-width: 1250px) {
    .x-brand {
        max-width: 180px;
    }
}

Don’t forget to clear all caches including your browser’s cache after adding the code. Let us know how this goes!

[eutaw]

Thank you much.

[nabeel]

Glad we could help.

Cheers!