Adding support email to social media menu

How can I add our support email with a mail icon to our social media menu and have it display on the website?

Hello there,

Add a new custom link to your social menu via Appearance > Menus. In the URL field, enter:


mailto:your@email.com 

To show the email icon, add the following CSS code into your site’s additional CSS option which resides under the Appearance > Customize > Additional CSS.


.social-menu-widget a[href*="mailto"]:before {
   content: '\f0e0';
}  

Regards,
Kharis

Thank you! It worked!!

i did exactly it, but with me it doesnt work. how is that possible?

Hello there,

Probably it’s caused by different version of Font Awesome script. Please share a link to your site to help me inspecting what’s exactly causing you this and suggest you with the possible alternative code solution.

Regards,
Kharis

sorry, i use the theme Cali by Athemes at www.theeyewearforum.com

Hello there,

Try this CSS code:

.social-links a[href*="mailto"]::before,
.social-menu-widget a[href*="mailto"]::before {
  font-family: 'Font Awesome 5 Free';
	content: '\f0e0';
}

Your email menu should look like this:

13

Regards,
Kharis

You are the best!!!

1 Like