[Resolved] NEED WIDGETS ON LEFT SIDE OF HEADER NOT JUST RIGHT SIDE

[George]

Hi,

I need to see if there is a way for me to be able to put some widgets on the left side of my header and not just the right side. as i would like to have them on both sides.

[Leo]

Hi there,

We can try using CSS flexbox.

Can you add all the widgets in first and let me know which one you want on the left?

[George]

i need the 2 for facebook & twitter on the left and the 2 for instagram and google plus on the right.

[Leo]

Ok can you add Facebook and Twitter as one widget and Instagram and Google plus as another widget?

[George]

ok. that is done.

[Leo]

Sorry – my original thought doesn’t work.

Can you add the logo image as a header widget too?

Then it should work.

Let me know 🙂

[George]

No. That doesn’t work 🙁

[Leo]

Not yet 🙂

Now remove the logo in Site Identity:
https://docs.generatepress.com/article/adding-header-logo/

Then add this CSS:

.header-widget {
    float: none;
    max-width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
#responsive_lightbox_image_widget-7 {
    margin: auto;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

[George]

WOOOOOOO!!!! That worked like a charm… Oh Yea, i really am loving this with you all. 🙂

[Leo]

Glad to hear 🙂

[Author]

Posts