Adding Other Things To Social Menu


#1

Is it possible to have other things in the social menu like a website, email link and individual YouTube video link? All I got was blank squares that didn’t line up with the rest.

Realtors.video

I will leave it as is so you can see. I love the look and feel of the way social menu works in Perth.


#2

Hello there,

Thank you for asking that question. Try the following steps:

  1. Go to Appearance > Menus > select the “Social” menu
  2. Add a custom link. Keep in mind the URL field value. You maybe need to copy it to your clipboard

Example new custom link:

  1. Save your menu
  2. Now, we are going to assign an icon to the newly created custom link
  3. Install and activate the Simple Custom CSS plugin
  4. Go to Appearance > Custom CSS. Then, add the following CSS code
.social-menu-widget a[href*="mysite.com"]::before {
  content: '\f0ac';
}

mysite.com is taken from URL field value (without http://)
f0ac is a globe icon from FontAwesome.

  1. Lastly, hit the “Update Custom CSS” button

I hope this reply helps.

Warmest regards,
Kharis


#3

Thank You. This works perfectly. I just duplicated it and changed URLs and last 4 characters of FontAwesome icon codes for all the others. (Some of the icon codes at Fontawesome do not work! I had to try different ones before I could get an acceptable one to work).

I didn’t need to add the Simple Custom CSS widget because it was already an option in appearance menu.

Realtors.video

Thanks again! J


#4

Hello there,

You’re welcome!

Glad to know that your objective has been achieved already.

Please let us know if you have any further questions, or if we can provide you with any other assistance.

Warmest regards,
Kharis