logo before header in mobile

Hi there,

try this:

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

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

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

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

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.