[Resolved] Logo at top when mobile

[ricardopereira]

Hello,

I changed the CSS like “Documentation > Header > Putting Your Site Title Next to Your Logo” but now I wanted to show the logo at the top of the title when it’s in mobile browser.

How can I achieve it?

(Sorry, for this noob question. CSS is a foreign language for me 😄)

[Leo]

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .inside-header {
	display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
    }
    .site-logo {
	order: 1;
    }
    .site-branding {
        order: 2;
    }
}

Let me know.

[ricardopereira]

Yay! That’s it. Thank you!

[Leo]

No problem!

[Author]

Posts