Archived topic

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

5 replies · Started by Kristan on November 14, 2019

Viewing posts 1–6 of 6

November 14, 2019 at 6:43 am #1062924

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

November 14, 2019 at 8:37 am #1063180

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 :)

November 30, 2019 at 1:12 am #1085622

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

November 30, 2019 at 8:07 am #1086459

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 :)

January 18, 2020 at 11:11 pm #1136572

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

January 19, 2020 at 1:45 pm #1137209

Glad to hear!

This archived topic is closed to new replies.

Start building better websites today.