Archived topic

Site logo and header widget - reversed order on tablet and mobile

3 replies · Started by Peter on April 6, 2019

Viewing posts 1–4 of 4

April 6, 2019 at 5:10 am #861239

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

April 6, 2019 at 7:57 am #861434

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;
    }
}

April 9, 2019 at 12:22 am #863579

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

April 9, 2019 at 5:34 am #863804

you're welcome

This archived topic is closed to new replies.

Start building better websites today.