How to Add Address & Linkable Phone Number in Header Section

[mollermarketing]

I'm using the AgentPress Pro theme and am hoping to add an address and phone number in the header between the logo and the main header menu.

It would look like this: http://mollermarketing.com/wp-content/uploads/2016/07/revised-header.png

Currently it looks like this: http://mollermarketing.com/wp-content/uploads/2016/07/Screenshot-2016-07-21-16.45.16.png

Wondering if it would be as easy as adding a text widget and adding content that way or if there's a better way.

Thanks for the tips.

[Andykev]

https://css-tricks.com/the-current-state-of-telephone-links/

[mollermarketing]

Thanks @Andykev - I do know how to add the link for telephone numbers, as I've done that in the footer. I'm wondering more about how to put it in the header section so it will all line up properly and adjust as a visitor is using a mobile device.

[Christoph]

Hi,

yes, you can add a text widget and position it with CSS for desktop and in the media queries.
If you don't have to change the information (regularly), you could also just echo the text / link on the genesis_header / genesis_header_right hook and position it with CSS

---

https://www.christophherr.com | Genesis Customizations | Buy me a coffee

[Genesis Developer]

If you want linkable phone number for desktop and mobile then you will add this kind of HTML

<a href="tel:YOUR PHONE NUMBER">YOUR PHONE NUMBER</a>

---

Download Genesis Featured Posts Combo Widget | Simple Grid Layouts Plugin for Posts, CPTs and terms
You can request new tips/help.

[Author]

Posts