Archived topic

Header Widget to Right of Logo

5 replies · Started by Maziar on November 8, 2015

Viewing posts 1–6 of 6

November 8, 2015 at 10:32 am #151346

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

November 8, 2015 at 10:38 am #151350

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?

November 8, 2015 at 10:51 am #151362

Hi,

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

Thanks

November 8, 2015 at 11:16 pm #151444

Try this CSS:

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

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

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

November 9, 2015 at 12:24 am #151468

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

November 9, 2015 at 10:22 am #151576

You're welcome :)

This archived topic is closed to new replies.

Start building better websites today.