Site logo

Archived topic

TOP BAR WIDGETS: SAME ALIGNMENT ON DESKTOP AND MOBILE

3 replies · Started by Iván on May 5, 2019

Viewing posts 1–4 of 4

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

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

It worked perfectly!

Thanks so much, Leo!

No problem :)

This archived topic is closed to new replies.