[Resolved] I need to add Phone icon icon call to action in mobile primary navigation

[Kristan]

I am very new to this theme and i’m not techie. I want to know how to add a call to action Phone icon at mobile primary navigation. How can i do this in very easy way. I want phone icon at left, logo at middle at the hamburger icon in right. My client website is under construction. Thank you

[Leo]

Hi there,

You can add an icon using either svg image or FontAwesome (easier way) icons.
https://docs.generatepress.com/article/font-awesome/

To achieve the layout you’ve described, first activate the mobile header option:
https://docs.generatepress.com/article/mobile-header/

Then add the icon using the inside_mobile_header hook:
https://docs.generatepress.com/article/hooks-element-overview/

Then link us to the site and we will provide the required CSS 🙂

[Kristan]

Hi leo what is the CSS required? im using localhost. Website is not yet live

[Leo]

I’ll need to see the site live to be able to provide the CSS unfortunately.

Any chance you can put it up on a staging site?

Let me know 🙂

[Kristan]

Hi leo i Managed to put an icon by following your advice through inside mobile header. It is working fine by now.

[Leo]

Glad to hear!

[Author]

Posts