Site logo

Archived topic

Increase Size Of The Header Widget

5 replies · Started by Eugen on August 30, 2016

Viewing posts 1–6 of 6

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

Hi there,

Try this CSS:

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

Adjust as needed :)

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

Thank you

Use media queries:

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

Thank you sooooo much

You're welcome :)

This archived topic is closed to new replies.