[Support request] Mobile header elements order

[_blank]

Hi,

I wanted to change mobile header elements order so that the first (topmost) is logo and then goes header widget. I followed this doc: https://docs.generatepress.com/article/header-widget/
but what I get is logo and widget side by side (as in desktop header). How to correct it anyway?

Peter

[David]

Hi there,

add this CSS:

@media (max-width: 768px) {
    .inside-header {
        display: flex;
        flex-direction: column-reverse;
    }
}

[_blank]

Yes, works. Thank you.

[David]

You’re welcome

[Author]

Posts