Jump to content

Archived

This topic is now archived and is closed to further replies.

napait

Custom Social Icons with Hooker

Recommended Posts

napait

Hello All,

 

My question is.. How do I add more social icons using the Navi section in Mobile Menu mode?

 

The only two that show up are the Facebook and Twitter, from the information you fill out in the Site Setting > Social & Local.

 

Please review site for example: www.napait.com

 

I would like to be able to add custom icons such as other social and phone, map, contact icons after these social icons in the mobile menu. Basically want to move the phone icon into the social icons bar. Having looked for the right hook using Hooker plugin I still have been unsuccessful.

 

Thank you in advance.

 

Kevin

Share this post


Link to post
Share on other sites
Danny

Hi,

 

If you want to add more social icons and/or contact icons like email or phone, you will want to create a new menu to be used on your mobile menu only.

 

Then in the navigation label for your menu items via the create Menu option in WordPress add the Font Awesome icon code. The following guides should be useful:

 

http://wptavern.com/how-to-add-font-awesome-icons-to-wordpress-menus

http://www.sitepoint.com/using-font-awesome-with-wordpress/


Please search our forums, before posting!

Share this post


Link to post
Share on other sites

  • Similar Content

    • Liv Kundalini
      By Liv Kundalini+
      Hi -
      Pulling my hair out over here, and would love an assist!
      Site I am building, http://www.livkundalini.com/home, has a problem with the submenu items in the nav not appearing. 
      If anyone wants to see what the Nav should look like, feel free to look in the footer on the left hand side.
      Have tried disabling Pagelines and using the twentyseventeen theme, but problem persists.
      Saw this error (pasted at the bottom of this post) displaying in the inspector, and saw discussion of Jetpack potentially being a culprit. Disabled Jetpack, but the problem persists.
      Had the hosting company even flush the server-side cache, but no avail.
      Any thoughts? Please? It's the only thing keeping me from launching this site!
      Many Thanks,
      Todd
       
      WebSocket connection to 'wss://public-api.wordpress.com/pinghub/wpcom/me/newest-note-data' failed: Error during WebSocket handshake: Unexpected response code: 403   O @ (index):7
    • mtaus
      By mtaus+
      Just did a clean install of Platform 5 at myedadvisor.com and the icons in Pagelines are not displaying (screenshot attached).

    • russe-intensif
      By russe-intensif+
      Hi team,
      checking my site today, i'm surprised to see my MegaNav all in bottom of the pages, while it's in header.
      After getting to change it in couple of pages onto Template part (too time consuming !), i'm desperate and ask you for help :-)
      apprendre-le-russe-avec-ania.fr
      Thank you in advance !

    • Borries
      By Borries+
      I know this is not an easy problem. Maybe there is a easy solution.
      I have tryed to uses the existing solution, that I have found in the forum
      I changed the colours of my nav (simple nav) and the hover effect (a. hover).
      I really tryed to highlight the active/used link in the nav but I cant figure it out.
      I want it to be black when active.
      Any help would be appreciated. Thanks.
      http://www.marcborries.de  nav link: "Sinn & Selbst" 
    • Dan Haddock
      By Dan Haddock
      Hi Pagelines team and wider community,
      I am looking to develop a single post page for my blog. I have read over an old article on the subject, however the link provided on achieving this goal was giving me security warnings. Is there any way I can get round this?
      Secondly, I have had a root around the .zip file provided on my sites backup, however was unable to locate any file in there with the name of Single.php. Does this file exist in the Pagelines theme?
      By the way, this is the unsafe article: http://support.pagelines.me/docs/customization/create-a-custom-page-template/ (Click at your peril).
       
×