[Resolved] Left align logo on mobile view

[Shaun]

Hi
I have a website I am working on. The site has a square logo, which I want to left align on mobile view. But I wish to keep it centred on desktop and tablet.

[Leo]

Hi there,

Try this CSS:

@media (max-width: 768px) {
    .inside-header .site-branding-container {
        text-align: left;
    }
}

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

Let me know if this helps 🙂

[Shaun]

Hi Leo
It doesn’t seem to have worked

[Leo]

Edited the CSS to make it more specific:
https://generatepress.com/forums/topic/left-align-logo-on-mobile-view/#post-2011687

Try again and let me know 🙂

[Shaun]

Thx Leo
It worked perfectly

[Leo]

No problem 🙂

[Author]

Posts