Is it possible to make header widget display below logo on narrow screens?

Hi Tom,
I want to apologize for my bad English, and thank you for a great theme.
I use premium theme of Generate Press and wanted to argue as much as possible to make a space between the logo and the widget.

Thank you.

Hi there,

So a separating space on mobile?

Give this a try:

@media (max-width: 768px) {
    .site-logo {
        margin-bottom: 20px;
    }
}

Let me know :)

Hi there!

I've used the css you post here to move the header widget below the logo and it is working perfectly even with the latest version of the theme.

Thanks!

Hi Daniel, glad you found this solution.

Just found this now and used the CSS to fix this. Would like to add my voice to the others suggesting that putting the header widget under the logo on smaller screens should be the default for the theme. Thanks.

I agree - once we make the move to Flexbox in the header, we'll make this change :)