[Resolved] Align header widgets horizontally

[perlfan]

Hi,

I’m trying to align two header widgets next to each other (to align them horizontally with the logo; logo should be left, search in the centre, and reviews should be right). I found the css piece below, but the widgets remain below each other.

Thanks for help – Frank

.header-widget .widget {
    display: inline-block;
    vertical-align: top;
    padding: 10px;
}

[Elvin]

Hi,

You can make its contents display in a row by adding this css:

.header-widget {
    display: flex;
}

But you’ll probably come across a cropped view of the other plugin.

In this case, you’ll have to resize the width of the widgets so they can fit within the available space.

Consider setting the min-width of .dgwt-wcas-sf-wrapp so both widgets fit in a row.

example:

.dgwt-wcas-sf-wrapp{
min-width: unset;
}

[perlfan]

Super, with display: flex; it worked very well – thanks for helping.
Frank

[Elvin]

Super, with display: flex; it worked very well – thanks for helping.
Frank

Nice one. Glad it works for you. No problem. 😀

[Author]

Posts