[Resolved] TOP BAR WIDGETS: SAME ALIGNMENT ON DESKTOP AND MOBILE

[Iván]

Hi Tom,

I have two text widgets o my top bar: one on the left; the other, on the right. On mobile, they are centered, but I would like to maintain the same alignment than on desktop: one on the left; the other, on the right. Is it possible?

Thanks so much!!

[Leo]

Hi Ivan,

Give this CSS a shot:

@media (max-width: 768px) {
    .top-bar-align-left .inside-top-bar>.widget:nth-child(odd) {
        float: left !important;
        margin-right: 10px !important;
    }
    .top-bar-align-left .inside-top-bar>.widget:nth-child(even) {
        margin-left: 10px !important;
        float: right !important;
    }
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know 🙂

[Iván]

It worked perfectly!

Thanks so much, Leo!

[Leo]

No problem 🙂

[Author]

Posts