Archived topic
Click to call icon in mobile only header
1 reply · Started by David on September 18, 2018
I'm trying to insert a clickable image of a phone between the logo and the burger in the mobile header of our website. I only want it to display in the mobile view.
Is there a simple way of doing this? I'm not a web designer so 'simple' is the operative word.
Thanks in advance!
Hi there,
You can use the inside_mobile_header hook in the hooks element:
https://docs.generatepress.com/article/hooks-element-overview/
The content part would be something like this:
https://docs.generatepress.com/article/mobile-header/#adding-html-inside-the-mobile-header
If you want to use an icon:
https://docs.generatepress.com/article/font-awesome/
Clickable phone number:
https://stackoverflow.com/questions/13662175/how-to-create-hyperlink-to-call-phone-number-on-mobile-devices
The four steps above should get you there. Let me know if you need more info :)
