[Resolved] Align header widgets horizontally

Home Forums Support [Resolved] Align header widgets horizontally

Home Forums Support Align header widgets horizontally

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #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;
    }
    #1575495
    Elvin
    Staff
    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;
    }

    A wise man once said:
    "Have you cleared your cache?"

    #1576672
    perlfan

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

    #1579154
    Elvin
    Staff
    Customer Support

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

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

    A wise man once said:
    "Have you cleared your cache?"

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.