Archived topic
Align header widgets horizontally
3 replies · Started by perlfan on December 11, 2020
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;
}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;
}Super, with display: flex; it worked very well - thanks for helping.
Frank
Super, with display: flex; it worked very well – thanks for helping.
Frank
Nice one. Glad it works for you. No problem. :D
