Site title etc position in mobile version

Hi there,

I think it will look slick with GP's mobile header and the logo icon you have:
https://docs.generatepress.com/article/mobile-header/

Give it a shot and let me know.

Hey there,

that doesn't help since it completely take away site title and tagline. I photoshopped my idea, could this be achievable with some kind of a code? Lightweight social icons, site title and tagline all in center on mobile version? Logo is optional.

Try this CSS:

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

Adding CSS: https://docs.generatepress.com/article/adding-css/

Hey Leo,

sorry but I don't think we're on the same page. :D That centers my desktop version too. I'm just asking if there's any way I can show and center my site title and tagline over navigation in the header bar but only on mobile version? :D So the current dekstop version stays intact. I think I can fit lightweight social icons into the mobile navigation so that's no problem.

The code I provided shouldn't effect the desktop version as it's wrapped in @media (max-width: 768px)

Can you add it back in so I can see?

Problem is I'm already using this code.

I don't think that's the problem as the two blocks of code are unrelated.

Also the code on the page is wrapped with @media (min-width:769px) so that only applies to desktop and tablet.

I see you are using the mobile header now but if you want to give my method another shot let me know :)