Archived topic

Centering Logo on Mobile Only

6 replies · Started by hichb on May 22, 2019

Viewing posts 1–7 of 7

May 22, 2019 at 4:53 pm #908312

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!

May 22, 2019 at 5:19 pm #908324

Hi there,

Try this CSS:

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

Let me know :)

May 23, 2019 at 3:46 am #908577

Tried but doesn't work. :)

May 23, 2019 at 4:02 am #908587

Sorry it works only for tablet with 768px and after when it's less it goes back to the left :)

May 23, 2019 at 6:51 am #908821

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;
    }
}

May 23, 2019 at 6:55 am #908826

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

May 23, 2019 at 6:59 am #908836

Awesome - You flatter us :)

This archived topic is closed to new replies.

Start building better websites today.