Home › Forums › Support › Align header widgets horizontally This topic has 3 replies, 2 voices, and was last updated 3 years, 4 months ago by Elvin. Viewing 4 posts - 1 through 4 (of 4 total) Author Posts December 11, 2020 at 12:18 am #1575441 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; } December 11, 2020 at 12:53 am #1575495 ElvinStaff Customer Support 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; } December 11, 2020 at 1:10 pm #1576672 perlfan Super, with display: flex; it worked very well – thanks for helping. Frank December 13, 2020 at 4:53 pm #1579154 ElvinStaff Customer Support Super, with display: flex; it worked very well – thanks for helping. Frank Nice one. Glad it works for you. No problem. 😀 Author Posts Viewing 4 posts - 1 through 4 (of 4 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In