Archived topic
Top Bar Spacing of Widgets
11 replies · Started by Mary Pearson on October 20, 2018
I have three widgets in my top bar - address, email, phone number.
I would like the address left aligned, the email centred, and the phone number right aligned.
I don't seem to be able to make that happen. Would appreciate your help. Thank you.
Hi Mary,
How should they display in responsive mode?
Perfect! Exactly what I needed!!! Thank you again so much!!!
I hadn't even thought about responsive mode at this point, but I guess it would be best if they were all centre-aligned under each other.
Damn you are quick.
Sorry I removed what I originally wrote before as I wanted to make sure what you want on responsive mode first.
Glad you already figured it out though!
I was going to copy and paste in my notes for future reference and couldn't find it. LOL
Re responsive, I haven't got that figured out yet.
Here is the link again: https://docs.generatepress.com/article/split-header-three-sections/
I asked because the stack method on mobile usually take up too much room. One way around it is to just hide it overall and find other methods to display it:
https://docs.generatepress.com/article/responsive-display/#using-our-hide-on-classes
Great idea! Thank you again Leo!!!
No problem :)
I just took a quick look at the hide classes and it seems they are all for menus. How do I use it when it's in a hook?
Just add the class to the specific <div>. Should be like the last example.
gotcha! Thank you again and again and again!!!!
No problem :)
