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://ww.wp.xz.cn/support/theme/palmeria/reviews/
