Site logo

Archived topic

Mobile header elements order

3 replies · Started by _blank on December 13, 2019

Viewing posts 1–4 of 4

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

Hi there,

add this CSS:

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

Yes, works. Thank you.

You're welcome

This archived topic is closed to new replies.