Socials Menu customization

Hi @digitaldalat,
You should navigate to Dashboard > Appearance > Menus and edit Social Menu adding links of your social profiles. The icons will be applied automatically once you add a link of social network. Here is the list of available icons:

twitter.com
facebook.com
google.com
pinterest.com
foursquare.com
yahoo.com
skype
yelp.com
linkedin.com
viadeo.com
xing.com
soundcloud.com
spotify.com
last.fm
youtube.com
vimeo.com
vine.com
flickr.com
500px.com
instagram.com
tumblr.com
reddit.com
dribbble.com
stumbleupon.com
digg.com
behance.net
delicious.com
deviantart.com
play.com
wikipedia.com
apple.com
github.com
github.io
windows.com
tripadvisor.
slideshare.net
vk.com

There are also icons available for links:

tel:
mailto:
/map

Hi,
I don’t see icons appearing. It says “pending” once I add the custom link, and I can’t save the menu.

To add the icon I have to type the name of the web I want to link, like this:

• twitter.com
  facebook
  google
  pinterest
  foursquare
  yahoo
  skype
  yelp
  linkedin.com
  viadeo
  xing
  soundcloud
  spotify
  last
  youtube
  vimeo
  vine
  flickr
  500px
  instagram
  tumblr
  reddit
  dribbble
  stumbleupon
  digg
  behance
  delicious
  deviantart
  play
  wikipedia
  apple
  github
  github
  windows
  tripadvisor
  slideshare
  vk

However, I can’t figure out whot to add icons for a phone, map and mail

Hi @digitaldalat,
You may submit a request if you face difficulties adding icons of social networks to Social menu.

Hi, how do you get icons for tel, map and email? Adding tel:, mailto: and /map just show these words bellow the empty buttons without icons. I do it as custom links.

Hi @digitaldalat,

Thank you for reporting this you may fix the issue temporary applying the code below and we’ll do our best to fix it in the next theme version update.

.theme-social-menu a[href*="mailto:"] .menu-text, .theme-social-menu a[href*="tel:"] .menu-text, .theme-social-menu a[href*="/map"] .menu-text {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.theme-social-menu a[href*="mailto:"]:before, .theme-social-menu a[href*="tel:"]:before, .theme-social-menu a[href*="/map"]:before{
  margin-right: 0;
	font-family:'Font Awesome 5 Free';
	font-weight:900;
}

Where do you apply that fix?

Hi @digitaldalat,
You can apply it at Dashboard > Appearance >Customize > Additional CSS

Hi @digitaldalat,
We have just released an update for Palmeria theme:

• Improved WooCommerce compatibility.
• FontAwesome font updated to version 5.11.2.
• Improved compatibility with IE 10.

We highly appreciate if you review the theme https://www.ads-software.com/support/theme/palmeria/reviews/