What steps would I take to put social icons in the mobile menu?
Hi There,
Where exactly you wish to add the social icons?
As you are using PRO you have a great flexibility in your layout. If you are more specific we can help you achieve your goals, for example, if you wish to add it inside the menu once you click the slide in menu elements or modal element, you would create a new menu on Appearance > Menu and assign it to your mobile menu element on the header builder.
On this menu you can add custom links and use the social icons html code as a label. You can copy the html from the following link : http://demo.theme.co/integrity-1/shortcodes/icons/
I personally would choose a different approach and add beside the menu toggle or above, but it is really a matter of taste.
Please let us know if you need further assistance regarding this matter.
Thank you!
Yeah, I want it inside the mobile slide out. At the bottom of the menu. Just a solo icon.
Hi,
Please note that you can directly add your icon as menu item using this code format
<i class="x-icon x-icon-facebook" data-x-icon="" aria-hidden="true"></i>
Change icon name and data-x-icon with the icon that you want
http://khan.github.io/Font-Awesome/cheatsheet/
Can you provide us your site url so we can check the current state of your site.
Thanks
Looks good, neat trick and thank you very much!
http://vm3001.mojohost.com/cateringverobeach.com/public_html/
Glad we could help.
Cheers!
I tried to just edit for Instagram but it shows Facebook. Do you mind telling me how you built it? I imagine my data icon is wrong.
Hi There,
Please try with this:
<i class="x-icon x-icon-instagram" data-x-icon="" aria-hidden="true"></i>
Hope it helps 
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.