Archived topic
top bar widget mobile view
5 replies · Started by Cynthia on December 16, 2021
I cannot seem to text-align: center my button and phone # on the top bar widget mobile view. The customize area does not reflect how it actually displays on my Android.
I've attached a screenshot of desktop and my actual phone. Website is below
Hi Cynthia,
The element's styling layout is actually centered but it look a bit pushed to the right on smaller screens because there's not enough horizontal space for it to look "centered" as it is too large for the space.
Consider resizing the size of the elements on the top bar for mobile so it has enough space to look centered. :)
Example: try setting their font size on mobile to 12px.
Hi Elvin - please look at the screen shot of my Android phone. The first 6 digits of the phone # are to the right of the button and then 3187 is below the button. Maybe it looks fine on your iphone, but it's not ok on the Android.
How do I center the entire phone # to display under the button?
Thank you
Hi Cynthia,
Try this CSS:
.top-bar a {
white-space: nowrap;
}Let me know if this helps :)
That worked! Thank you!
No problem :)
