[Support request] Horizontal align center on top bar

Home Forums Support [Support request] Horizontal align center on top bar

Home Forums Support Horizontal align center on top bar

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #551235
    So

    Dear Support,

    I have three items on top bar, 1 text and 2 logos.
    how do I horizontal align center of these 3 items?
    thanks

    #551292
    Tom
    Lead Developer
    Lead Developer

    Try setting the alignment to center in “Customize > Layout > Top Bar”.

    You also have some CSS in Simple CSS telling one of the widgets to float right.

    #551334
    So

    Try setting the alignment to center in “Customize > Layout > Top Bar”.

    that is not I want.

    all of the three items is not stick to the top of the top bar.
    I would like these three align center, alone the red line in the about image:

    image

    #551335
    So

    Try setting the alignment to center in “Customize > Layout > Top Bar”.

    That is not what I want.

    All of the three items is now sticking to the top of the top bar.
    I would like these three items align to center horizontally, alone the red line in the about image:

    image

    #551947
    Tom
    Lead Developer
    Lead Developer

    Ahh got it.

    Try this instead:

    .inside-top-bar {
        display: flex;
        align-items: center;
        justify-content: center;
    }
    
    .inside-top-bar h3,
    .inside-top-bar h5 {
        margin-bottom: 0;
    }

    If you need old browser support, run that code through this tool: https://autoprefixer.github.io/

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