[Resolved] Header Widgets on the same Line

Home Forums Support [Resolved] Header Widgets on the same Line

Home Forums Support Header Widgets on the same Line

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    Posts
  • #1525735
    CCL Live

    Hello,

    I would like to have all my header widgets on the same line.
    Il will have the search field then the facebook icon and finally the cart icon.
    You can see the result on my website: https://www.ccl-live.fr/dev/
    Per advance, thank you

    Thibault

    #1525890
    Elvin
    Staff
    Customer Support

    Hi,

    You can put all the header widgets on the same line by adding this CSS code:

    .header-widget {
        display: flex;
        align-items: center;
    }

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

    #1526988
    CCL Live

    Hello,

    Thank you for your answer.
    I put your css code and it’s not changing anything.

    Thibault

    #1527074
    Leo
    Staff
    Customer Support

    I’m not seeing Elvin’s CSS being added currently.

    Can you add it in so we can see why it’s not working?

    I just tried the CSS and it worked for me.

    Let me know 🙂

    #1527195
    CCL Live

    Hello,

    Thank you it’s working. I made a mistake when i put the css.
    Another problem on this page when I put 2 pictures on the right of the search form. They are not on the same line.
    Per advance, thank you

    Thibault

    #1527302
    Leo
    Staff
    Customer Support

    Try this:

    .header-widget .widget {
        padding: 0;
    }
    #1527984
    CCL Live

    Hello,

    Thank you a lot it’s working.
    Do you have any idea to vertically center widgets?
    Per advance, thank you

    Thibault

    #1528104
    David
    Staff
    Customer Support

    Hi there,

    try adding this CSS:

    @media(min-width: 769px) {
        .inside-header {
            display: flex;
            flex-direction: row-reverse;
            align-items: center;
        }
        .header-widget {
            margin-left: auto;
        }
    }
    #1528109
    CCL Live

    Hello,

    Thank you it’s working perfect.

    Thibault

    #1528470
    David
    Staff
    Customer Support
Viewing 10 posts - 1 through 10 (of 10 total)
  • You must be logged in to reply to this topic.