[Support request] logo before header in mobile

[Silvio]

hi,

I added the code found in the documentation to put the logo before the site title, but in the mobile version the site title is centered and the logo goes behind. How do I keep the same layout I have in desktop, with logo before site title?

to view the website use supersilvio v1v3r3I!

[David]

Hi there,

try this:

@media (max-width: 768px) {
    .main-title {
        font-size: 24px;
    }

    .site-header {
        text-align: left;
    }

    .inside-header {
        padding-right: 5px;
    }
}

[Silvio]

unfortunately the logo still goes behind the site title, not inline. I had to reduce the font-size a bit and play with inside header and content margin to adjust the alignment. But at some point the logo goes below the site header. Is there a way to add a max-something to fix logo alignment on mobile?

otherwise, move it above the site title at least.

thanks for supporting

[David]

Could reduce the right hand padding on the header. I update the code above to include that. The only other option aside of reducing left and right padding would be to make the elements smaller.

[Author]

Posts