How to get cool social icons in your Top Nav [WooThemes Canvas – video]

Jul 15, 2014

—

in Canvas by WooThemes, Canvas Extensions, Video Tutorials, WordPress

Top Nav Manager and Font Awesome Menus have now been included as features inside Menu Customizer! Therefore it is no longer for sale. Check out Menu Customizer for Canvas.

Lately we’ve been working really hard to make all our Canvas Extensions play nicely together.

What’s been really cool, is thinking around what can be done by combining different extensions. In this 5 minute video tutorial we show you how to use Font Awesome Menus and Top Nav Manager to make a really cool Top Nav with social icons.

Thanks to James aka allmyhoney for the suggestion for this tutorial. As usual let us know what you think in the comments below…

1. Introduction

2. Getting it done

Top Nav Manager and Font Awesome Menus have now been included as features inside Menu Customizer! Therefore it is no longer for sale. Check out Menu Customizer for Canvas.

Comments

10 responses to “How to get cool social icons in your Top Nav [WooThemes Canvas – video]”

James

July 15, 2014

Glad I can contribute Nick. Look forward to giving this a go, I think it will be useful for others.

Reply
Nick Burne

July 15, 2014

Thanks so much James!

Reply
jerome

July 16, 2014

Turned a fiddly bit of CSS I would have to do into something my clients can do for themselves. Thanks Nick.

Reply
1. Nick Burne
  
  July 16, 2014
  
  Great stuff Jerome!
  
  Reply
Jon

July 16, 2014

Hi Nick,

Thanks for the vids, just purchased both extensions. I’m developing a site using canvas and my own child theme, but its not working for me. I have two problems:
1. The ‘remove’ label does not work – labels stay put no matter what
2. The font awesome icons are not loading in – just get a square outline.

My child theme css is using @import to load in the canvas css, other than that everything is ‘out-of-thebox’- any ideas?

Reply
1. Nick Burne
  
  July 16, 2014
  
  Hi Jon, could be a number of reasons – can you email support@pootlepress.com please? Your plugin comes with premium email support and we will track this issue and sort it for you! Thanks! N
  
  Reply
sugar

July 16, 2014

Every time I activate the awesome font plugin, it duplicates the top nav. One version with the icons, the other with the social platforms written out.

Reply
1. Nick Burne
  
  July 16, 2014
  
  Hi Sugar, You need to email support@pootlepress.com. You probably either need to update Canvas or update Font Awesome Menus. Email us though.
  
  Reply
  1. sugar
    
    July 17, 2014
    
    Thanks Nick, have mailed through the query.
    
    Reply
raduzaman

September 1, 2014

Thanks for sharing us how to get cool social icons in our Top Nav -WooThemes Canvas – video.

Reply