Archived topic
How Do I Position Second Line In Menu After Menu Image?
5 replies · Started by Mary Pearson on November 17, 2019
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.
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?
It is the same number. One just uses his name in it.
877-PC-GEEK is the same as 877-772-4335
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;
}Thank you so much Leo. I was able to use this information to achieve my goal. Much appreciated!
No problem :)
