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.