[Resolved] Increase Size Of The Header Widget

[Eugen]

Hi,

I’m using the header widget to display things like banners and social buttons. Unfortunately only 2 widgets can fit in the row the third one displays under the other 2. I want my widgets go until next to the logo. There is too much empty space in the header. i used the code to make the widgets inline already but I want the widgets go until next to the logo.

thank you
Eugen

[Tom]

Hi there,

Try this CSS:

.header-widget {
    max-width: 75%;
}

Adjust as needed 🙂

[nutt]

what about how to disable header widget when it comes to Mobile view or tablet view?

Thank you

[Tom]

Use media queries:

@media (max-width: 768px) {
    .header-widget {
        display: none;
    }
}

[nutt]

Thank you sooooo much

[Tom]

You’re welcome 🙂

[Author]

Posts