Archived topic
top bar widget text alignment
3 replies · Started by Paul on June 6, 2018
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.
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 :)
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.
Thanks! :)