How to add Social Icons to the top of the page

Hello:

I have the social-sprite.png file showing at the bottom of the page but I would also like to add the Facebook, Twitter and Instagram Icons on the top of my page near the cart of the login icon.

Can you let me know how I can do that?

Am using Nop 3.8 and Nop ArtFactory theme.

Thanks!

nonam wrote:

This is actually pretty easy:

Copy paste the social networks div that's in the footer into this file:

/themes/artfactory/views/shared/_root.cshtml

I'm using a different nop-templates theme, but I put mine here:

            <div class="top-bar-content">
                    @Html.Action("LanguageSelector", "Common")
                    @Html.Action("CurrencySelector", "Common")
                    @Html.Action("TaxTypeSelector", "Common")

<div class="social-sharing-top">
    @Html.Action("Social", "Common")
</div>

                <div class="searchbox store-search-box">
                    @Html.Action("SearchBox", "Catalog")
                </div>

You can see in my example, that I changed the class to "social-sharing-top" for the one in my header because I wanted it aligned differently than the one in the footer. If you do that, then you need to find this in your stylesheet:
social-sharing
Your stylesheet is here:
/themes/artfactory/content/css/styles.css

...and copy/paste that entire CSS definition right below it, name it "social-sharing-top", then change it however you need to make it look good.