[Resolved] Top Bar Spacing of Widgets

Home Forums Support [Resolved] Top Bar Spacing of Widgets

Home Forums Support Top Bar Spacing of Widgets

Viewing 12 posts - 1 through 12 (of 12 total)
  • Author
    Posts
  • #706064
    Mary Pearson

    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.

    #706091
    Leo
    Staff
    Customer Support

    Hi Mary,

    How should they display in responsive mode?

    #706093
    Mary Pearson

    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.

    #706094
    Leo
    Staff
    Customer Support

    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!

    #706096
    Mary Pearson

    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.

    #706101
    Leo
    Staff
    Customer Support

    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

    #706105
    Mary Pearson

    Great idea! Thank you again Leo!!!

    #706107
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

    #706108
    Mary Pearson

    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?

    #706113
    Leo
    Staff
    Customer Support

    Just add the class to the specific <div>. Should be like the last example.

    #706117
    Mary Pearson

    gotcha! Thank you again and again and again!!!!

    #706154
    Leo
    Staff
    Customer Support

    No problem ๐Ÿ™‚

Viewing 12 posts - 1 through 12 (of 12 total)
  • You must be logged in to reply to this topic.