[Support request] Site logo and header widget – reversed order on tablet and mobile

[Peter]

Hi,
Is there a way I can reverse the display order of the site logo and the header widget on tablet and mobile view.

As it is now the header widget is displayed before the site logo.

It’s un-natural and not logic – according to several of my clients…

I would also prefer the site logo to show before the header widget – if it is at all possible.

We often use the header widget for banner ads.

Thank you for a great theme and plugin!

cheers

P.

GeneratePress 2.2.2

GP Premium 1.7.8

[David]

Hi there,

this CSS will change the order on mobile / tablet:

@media (max-width: 768px) {
    .inside-header {
        display: flex;
        flex-direction: column;
    }
    .header-widget {
        order: 2;
        margin-top: 20px;
        margin-bottom: 0 !important;
    }
}

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

[Peter]

Hi David,
thank you very much for your help!
cheers
Peter

[David]

you’re welcome

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

[Author]

Posts