Help centering logo on mobile

Support
#1

Hello X team,

I need a helping had centering a logo on the mobile site of the following site:

And I was hoping there was also a way to center the 3 bar menu icon right underneath the logo so instead of it being on the right side it’s in the center for mobile screens.

Here is a screen shot of what I was hoping to accomplish:

Thanks once more for the great support!

John

#2

Hi John.

Please try:

@media (max-width: 480px) {
    .x-brand {
        display: block;
        float: none;
        text-align: center;
    }

    .x-navbar-inner {
        text-align: center;
    }

    .masthead-inline .x-btn-navbar {
        margin-top: 15px;
        float: none;
    }
}

Here are some related links for further reading:

Hope this helps.

#3

Worked like a charm thank you so much for you help! And great response time as well!

#4

You’re most welcome!

#5

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.