Okay
  Public Ticket #1767769
Icons for Menu
Closed

Comments

  • Peter started the conversation

    I am looking to load up the social media icons and even create custom one. When I add Instagram in the menu, I noticed the Instagram icon appears; however, when I create another custom menu for facebook and soundcloud, the icons don't. 

    How can I add these into the custom menu like with Instagram. 

  •  643
    Alexandre replied

    Hello Peter,

    To add a social network to a menu item, we have to use a extra css class. 

    Please go to wp-admin>appearance>menu

    1. Open the "Screen option" panel
    2. Check the "css class" option
    3. And add the css class related to the wanted social network into the new css class field available.

    Here all class available: 

    • menu-icon-applemusic
    • menu-icon-bandcamp
    • menu-icon-facebook
    • menu-icon-googleplus
    • menu-icon-googleplay
    • menu-icon-instagram
    • menu-icon-mixcloud
    • menu-icon-snapchat
    • menu-icon-soundcloud
    • menu-icon-spotify
    • menu-icon-twitter
    • menu-icon-vimeo
    • menu-icon-vk
    • menu-icon-youtube

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Peter replied

    Thank you for the list! Very helpful. 

    For the future, and sorry in advance if there is, but do you have this level of documentation charting the different CSS information? 

  •  643
    Alexandre replied

    You right Peter, 

    I have done the documention at the same time I have answered you. 

    Thanks,


    Alexandre from the Sonaar.io Crew

  • Mat Murray replied

    Hey.

    Just to jump in on this conversation, can new icons be added to the footer?

    I need to add a link to our Discord channel, but there's currently no icon for Discord in the list of options within the Elementor footer.

    Thanks!

  •  643
    Alexandre replied

    Hello Mat,
    The Discord icon is not available for now in the elementor icon list. You have to use another way to add the discord icon. Maybe a image element or a html code as

    <i class="fa fa-discord" aria-hidden="true"></i>

    Thanks,


    Alexandre from the Sonaar.io Crew