[Resolved] Centering Logo on Mobile Only

[hichb]

Hello,
I’m trying to center the Logo on mobile only. I used this code but doesn’t work for me:

@media (max-width: 768px) {
    .inside-header {
	text-align: center;
    }
}

Thanks in advance for your help!

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    #site-navigation .navigation-branding {
        margin: auto;
    }
}

Let me know 🙂

[hichb]

Tried but doesn’t work. 🙂

[hichb]

Sorry it works only for tablet with 768px and after when it’s less it goes back to the left 🙂

[David]

Try this CSS:

@media (max-width: 768px) {
    .main-navigation.has-branding .inside-navigation {
        justify-content: center;
    }

    .site-logo.mobile-header-logo {
        margin-left: auto;
        margin-right: auto;
    }
}

[hichb]

Bravo (clap clap) You guys are really good in CSS! 🙂

[David]

Awesome – You flatter us 🙂

[Author]

Posts