Centre logo in mobile view

[fvlasie]

Hello!

Is it possible to centre the logo in the header content area in the mobile view?

Thank you!

[vovayatsyuk]

It's hard to give a good answer without knowing your header contents. A link to the site would be perfect.

[fvlasie]

Thank you for your help.

When the screen width is around 600px there is a large white space to the right of the logo.

[vovayatsyuk]

I'd go with this simplest solution:

& when (@critical) {
    .nav-toggle {
        position: absolute;
    }
    @media @media-sm-down {
        .logo {
            margin: 0 auto;
        }
    }
}

[fvlasie]

Thank you!

[fvlasie]

I discovered that the layout works with setting only (no selectors):

.logo {
        margin: 0 auto;
        }

This means the logo is always centered in the space available which works perfectly.