Move widget header text over menu bar and align bottom menu bar

Hi Paolo,

Give this CSS a try, if it doesn't work, could you link us to the site in question using the private info field?

.header-widget {
    width: 100%;
    order: -1;
    text-align: right;
}
.inside-header.grid-container {
    flex-wrap: wrap;
}

Let me know :)

Hi Ying, thanks for your support!
Your code make exactly what I want, but I need to have less space between the logo image and top screen (the logo image need to moved up).
Thank you very much.
Paolo

Hi there,

remove the CSS Ying provided and try this instead:

@media(min-width: 769px) {
    .inside-header.grid-container {
        display: grid;
        grid-template-columns: auto 1fr;
        grid-template-rows: auto auto;
    }
    .site-logo {
        grid-column: 1;
        grid-row: 1 / -1;
    }
    .header-widget {
        grid-row: 1;
        margin-right: 20px;
    }
}

What can I say, more than perfect!
Thanks a lot!

Glad to be of help