Add socials to the navigation menu

[Ennkko]

Hello. I need to add social links to displayNav2. It must be an icon with text looks like "SignIn" and "Cart" buttons in classic theme 1.7

And it's necessary to show an icon of social on mobile also. (look attachments)

Does anybody know the solution?

[JBW]

Add the module "Social Media Links" to hook displayNav2 in Design->Positons and maintain the links in the module's configuration and the buttons will appear

[Ennkko]

1 hour ago, JBW said:

Add the module "Social Media Links" to hook displayNav2 in Design->Positons and maintain the links in the module's configuration and the buttons will appear

Thank you.
I tried it. It's good for desktop, but by this method there are no social icons on mobile.

[JBW]

Mobile looks tricky as the contents seem to be "hardcoded" in header.tpl in classic theme, only chance I see is to add a new hook there.

{block name='header_nav'}
  <nav class="header-nav">
    <div class="container">
      <div class="row">
        <div class="hidden-sm-down">
          <div class="col-md-5 col-xs-12">
            {hook h='displayNav1'}
          </div>
          <div class="col-md-7 right-nav">
              {hook h='displayNav2'}
          </div>
        </div>
        <div class="hidden-md-up text-sm-center mobile">
          <div class="float-xs-left" id="menu-icon">
            <i class="material-icons d-inline">&#xE5D2;</i>
          </div>
          <div class="float-xs-right" id="_mobile_cart"></div>
          <div class="float-xs-right" id="_mobile_user_info"></div>
          <div class="top-logo" id="_mobile_logo"></div>
          <div class="clearfix"></div>
        </div>
      </div>
    </div>
  </nav>
{/block}