Reply To: Is it possible to make header widget display below logo on narrow screens?

[Tom]

Hi there,

I agree, can you try this CSS and let me know if it works? If so, I’ll most likely add it to core.

@media (max-width: 768px) {
    .inside-header {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        flex-flow: column;
    }
    .site-branding {
        order: 2;
        -webkit-order: 2;
    }
    .site-logo {
        order: 3;
        -webkit-order: 3;
    }
    .header-widget {
        order: 4;
        -webkit-order: 4;
    }
}