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

[box style=”info”]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.[/box]

top-nav-social

 

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

[box style=”info”]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.[/box]

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

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

  2. Thanks so much James!

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

    1. Great stuff Jerome!

  4. 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?

    1. 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

  5. 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.

    1. Hi Sugar, You need to email support@pootlepress.com. You probably either need to update Canvas or update Font Awesome Menus. Email us though.

      1. Thanks Nick, have mailed through the query.

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

Leave a Reply

Your email address will not be published. Required fields are marked *