Customisation of Header Social Links

Hello,

It needs some customization and it’s not so easy.

How can I make sure that this isn’t added?

Please delete the line 982 of style.css.

content: '\f107';

How can I add a link to another language (e.g. English) using for instance a flag (e.g. UK flag) instead of the regular link icon?

Please add this code to Custom CSS.
xxxx is the menu id. You can find it by source code.

.menu-item-xxxx a {
	display: inline-block;
	background: url( "your-flag.png" ) no-repeat;
	width: 24px;
	height: 24px;
	vertical-align: bottom;
}

Plain text, such as “English” would also be acceptable.

Please change the line 32 of header.php.
If you change the line, other menus also show text.

Before:
<?php wp_nav_menu( array( 'theme_location' => 'header-social', 'depth' => 1, 'link_before'  => '<span class="screen-reader-text">', 'link_after'  => '</span>' ) ); ?>
After:
<?php wp_nav_menu( array( 'theme_location' => 'header-social', 'depth' => 1 ) ); ?>

With the multiple languages, we installed the Polylang plugin on the website where I work. We have a custom theme and have WooCommerce installed (however, we did not translate anything related to WooCommerce).

Polylang provided us choices on how to display language options. It can be added as a dropdown to the main menu or a sidebar as a widget. It has the option of flag or text or both. With a little bit of hunting, I found the code that allowed me to add it to the top of the header. Easy.

As far as multi-language sites go, Polylang has been great for us. Hopefully that helps.

https://www.rumbletuff.com

Best of luck.

Thank you both for your solutions. I gave Aryenne’s solution a go and it’s working nicely so far. However, I haven’t been able to get the flag (or the menu) to show up in the social header menu – only the link icon is shown, but it has no function.

Could either of you let me know how to do it or show me in the right direction?

Thanks in advance!