[Resolved] How Do I Position Second Line In Menu After Menu Image?

Home Forums Support How Do I Position Second Line In Menu After Menu Image?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1065453
    Mary Pearson

    I’m starting a new site at https://mapenterprises.ca/

    I am using Menu Images for my Secondary Menu to show a phone and envelope. The client has two phone numbers and two email addresses.

    How do I position the second phone number and the the second email address directly under the first?

    Right now the second one goes below the image.

    Thank you.

    #1065664
    Leo
    Staff
    Customer Support

    Hi there,

    I’m not sure if that’s a good idea.

    If there are two phone numbers in a link, then users won’t be able to click the link to dial?

    #1065751
    Mary Pearson

    It is the same number. One just uses his name in it.

    877-PC-GEEK is the same as 877-772-4335

    #1065758
    Leo
    Staff
    Customer Support

    Hmm maybe to try this for HTML:
    <img width="21" height="36" src="https://mapenterprises.ca/wp-content/uploads/2019/11/cell-phone2.png" class="menu-image menu-image-title-after" alt=""><span class="menu-image-title-after menu-image-title">877-7PC-GEEK</span><div class="second">877-772-4335</div>

    Then add this CSS:

    .second {
        text-align: right;
    }
    #1066730
    Mary Pearson

    Thank you so much Leo. I was able to use this information to achieve my goal. Much appreciated!

    #1066738
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.