Site logo

Archived topic

top bar widget text alignment

3 replies · Started by Paul on June 6, 2018

Viewing posts 1–4 of 4

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! :)

This archived topic is closed to new replies.