Archived topic
Top Bar Widgets Mobile Alignment
4 replies · Started by Nimie on August 15, 2018
I have 3 widgets in the top bar set to align left and they are fine on desktop, I can live with the tablet layout if I had to, but mobile is a mess. Is there a way to align everything stacked and centered? In mobile it seems to be locked in very tight margins and everything appears narrow and all over the place. If I adjust via the customizer it adjust every view and not just for mobile.
Hi there,
The main problem is caused by this CSS you've added:
.inside-top-bar .textwidget {
padding: 0px 0px 0px 130px !important;
}Maybe try applying to desktop only?
@media (min-width:769px) {
.inside-top-bar .textwidget {
padding: 0px 0px 0px 130px !important;
}
}More info here: https://docs.generatepress.com/article/responsive-display/
Let me know if this helps :)
That helped slightly but mobile the social are still off center and phone number is displayed on two lines
I was able to sort it out.Thanks for quick support. As always you guys rock!
No problem :)
