[Resolved] left align two lines of text in top bar

Home Forums Support [Resolved] left align two lines of text in top bar

Home Forums Support left align two lines of text in top bar

  • This topic has 7 replies, 3 voices, and was last updated 4 years ago by Leo.
Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • #889794
    Mark

    I had one line of text in the top bar, and it aligns to the left and right respectively.

    However, now I have added two lines and the second line won’t seem to align left like the first line does.

    What do I need to do to make the first and second lines line up?

    Thanks

    Mark

    #889913
    Tom
    Lead Developer
    Lead Developer

    Hi there,

    It looks like you have <br /> elements added to your code: https://www.screencast.com/t/IAnpMVobex0R

    If you remove those, it should all be on one line.

    #890022
    Mark

    Thanks Tom,

    Yes, I do have <br /> elements – because I want the “second” line to be on a line by itself. I would like to know how to get the second line to line up (on the left) with the first line. It is way indented.

    Mark

    #890125
    Leo
    Staff
    Customer Support

    Try using 2 divs instead:

    <div>text 1</div>
    <div>text 2</div>

    Let me know πŸ™‚

    #890762
    Mark

    Leo,

    Thanks for your email. Actually I tried putting both lines in divs but it had no effect, except to make even more space between the two lines. Maybe the top bar is only designed for one liners.

    Mark

    #890827
    Leo
    Staff
    Customer Support

    Ahh you wanted to align left.

    Try this in your HTML:
    <div style="padding-left:10px; text-align:left;"><a href="mailto:info@nimblethimble.com">Send us an email</a> or Call 408-842-6501</div>

    Let me know πŸ™‚

    #890858
    Mark

    Thanks Leo,

    That did it!

    Mark

    #890883
    Leo
    Staff
    Customer Support

    No problem πŸ™‚

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