How can we help?

If you are looking for support for our PokaTheme, this is the place!

Home Forums PokaTheme support How to add icon and social link in top bar

Tagged: ,

  • This topic has 1 reply, 2 voices, and was last updated 1 year ago by admin.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #17906
    Giovanni Porto

    Hello I follow this guide: but for me doesn’t work. I want to add icon and link in top bar.
    I attach screenshot below:

    Best regards


    Hi Giovanni,

    I understand that you are using PokaTheme v3.

    The correct way to overwrite a function is to add it again inside the child theme’s functions.php. So go to your child theme’s functions.php and add this code:

        function poka_social_links() {
            <ul class="top-bar-socials">
                <?php if(get_field('youtube_link','options')): ?><li><a href="<?php the_field('youtube_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-youtube"></i></a></li><?php endif; ?>
                <?php if(get_field('facebook_link','options')): ?><li><a href="<?php the_field('facebook_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-facebook"></i></a></li><?php endif; ?>
                <?php if(get_field('twitter_link','options')): ?><li><a href="<?php the_field('twitter_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-twitter"></i></a></li><?php endif; ?>
                <?php if(get_field('instagram_link','options')): ?><li><a href="<?php the_field('instagram_link','options'); ?>" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-instagram"></i></a></li><?php endif; ?>
    			<li><a href="" target="_blank" rel="nofollow"><i class="icon-poka icon-poka-pinterest"></i></a></li>
            <!-- /.top-bar-socials -->

    1. Replace

    with your link.

    2. PokaTheme doesn’t have an icon for Pinterest, so you (or your programmer) have to find an icon somewhere online and use some CSS to make it work with .icon-poka-pinterest class (or you can use your on HTML code if you prefer something different).

    Finally keep in mind that you can always reach to if you are interested in custom development features like the above. Thank you!

    • This reply was modified 1 year ago by admin.
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.