[Resolved] top bar widget text alignment

[Paul]

trying to get left/right text widgets in top bar to be evenly aligned vertically, but i haven’t found a way. i’d attach a screen shot but there’s no option, but have include a url.

also, the way the widgets ‘reshuffle’ when shrinking below 768 is challenging.

i really think you should just have left and right widget areas for the top bar. for backward compatibility either just make it an option ‘separate left/right areas’ or maybe a ‘super top bar’ option lol.

[Tom]

We’re actually working on a CSS Grid/Flexbox solution which would replace the current set up, which I agree is confusing.

For now, you can add some padding to the top of the floated item:

.top-bar-align-right .inside-top-bar > .widget:nth-child(even) span {
    display: inline-block;
    padding-top: 4px;
}

We’re hoping to have the flexbox solution ready for GP 2.2 🙂

[Paul]

thanks! could not figure that out from looking at the elements in chrome inspector…

and look forward to flexbox solution!

keep up the awesome work.

[Tom]

Thanks! 🙂

[Author]

Posts