Site logo

Archived topic

Logo at top when mobile

3 replies · Started by ricardopereira on May 3, 2018

Viewing posts 1–4 of 4

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 😄)

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.

Yay! That's it. Thank you!

No problem!

This archived topic is closed to new replies.