[Resolved] Header Widget to Right of Logo

[Maziar]

Hi,

Are there any (css-based) ways of positioning header widget to the right of the logo? the header-widget div is by default floated to the right, and floating it to the left does not achieve what I need since it places it to the left of the logo.

I am using a search widget in the header widget and would like to have it sit on the right of the logo (the menu is floating to the right).

Any help is appreciated

[Tom]

Hi there,

So are you wanting your header widget to show up right next to your logo instead of all the way on the right?

[Maziar]

Hi,

Maybe this explains it better:
http://i65.tinypic.com/2vajokm.jpg

Thanks

[Tom]

Try this CSS:

.header-widget {
    float: none;
    display: inline-block;
}

.site-logo,
.site-branding {
    float: left;
}

Adding CSS: https://generatepress.com/knowledgebase/adding-css/

[Maziar]

Works perfect.
Thank you for writing up the code to do the trick.

[Tom]

You’re welcome 🙂

[Author]

Posts