Social Links on Navigation Collapsed

[mattcaldwell]

Hello,

I am hoping you can tell me how to add social links on the navigation collapsed. Thanks in advance for your help!

Best,

Matt

[Prasant]

Hello @mattcaldwell,

Thanks for asking.

To add social icon in Pro Navigation collapse element, please walkthrough following steps:

1. Add a custom menu under Appearance > Menus.
2. In URL text box add the relevant social profile link and in navigation label you need to add the icon shortcode. For ex. <i class="x-icon x-icon-facebook-square" data-x-icon="" aria-hidden="true"></i>. You can get the list of icons from following source. http://demo.theme.co/renew-1/shortcodes/icons/

I have created a short screencast that you can use as a reference. https://screencast.com/t/PsLsEqyW

Thanks.

[mattcaldwell]

Hello Prasant,

Thanks so much for your help. How would I change the menu so that the social icons are aligned horizontally and not stacked vertically like other menu options?

Best,

Matt

[Joao]

Hi There,

This is not a feature offered out of the box.

Please provide your URL so we can provide you some suggestions.

Thanks

[mattcaldwell]

Hi Joao,

The link for the website is http://e5a.8d2.myftpupload.com/. Also, I would like to be able to add a search option to the navigation. Could you also help me with that?

Best,

Matt

[Prasant]

Hello @mattcaldwell,

Thanks for updating thread.

1.Please add following CSS under Pro > Launch > Theme Options > CSS to horizontally align social icons:

li#menu-item-531, li#menu-item-532 {float: left;}

2.As the name suggest Navigation collapse element only accepts menu items. You can’t add additional modules inside Navigation collapse element. As as workaround you can add a search element alongside the toggle icon of Navigation Collapse element.

Thanks.