[Resolved] How to make header widget shown below the logo

[nutt]

Is it possible to change the position of header widget to be below logo in mobile view?

it already works great on desktop -> https://nuttblog.com I just want to change in mobile view.

[David]

Hi there,

try this CSS:

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

[nutt]

Hi, David

Thank you so much for your help

[David]

You’re welcome

[Author]

Posts