Hi Shane,

Kindly let us know the order you would like them to appear so that we can write up custom CSS for you.

Regards,

Hi Shane,

We don't have instagram and twitter social icon, please check and resend the order as per the appearing social icons.

Thanks.

Hi Shane,

This is what I am getting from my end:

Please check out

Hi Shane,

Please check whether you are sending us the right url. This is what the header has:

Thanks.

Hi Shane,

You make the changes from header.php located under nectar/helpers, you rearrange as you would wish from here by moving the statements of code representing the social icons:

Thanks.

Hi Shane,

It is within the Salient editor

Hey Again,

You can find the function in "salient/nectar/helpers/header.php" file. 

Add the below function in a Child Theme with your amendments.

function nectar_get_social_media_list() {
        $social_networks = array(
            'twitter'       => array(
                'icon_class' => 'fa-twitter',
                'icon_code'  => '\f099',
                'icon_type'  => 'font-awesome',
            ),
            'facebook'      => array(
                'icon_class' => 'fa-facebook',
                'icon_code'  => '\f09a',
                'icon_type'  => 'font-awesome',
            ),
            'vimeo'         => array(
                'icon_class' => 'fa-vimeo',
                'icon_code'  => '\f27d',
                'icon_type'  => 'font-awesome',
            ),
            'pinterest'     => array(
                'icon_class' => 'fa-pinterest',
                'icon_code'  => '\f0d2',
                'icon_type'  => 'font-awesome',
            ),
            'linkedin'      => array(
                'icon_class' => 'fa-linkedin',
                'icon_code'  => '\f0e1',
                'icon_type'  => 'font-awesome',
            ),
            'youtube'       => array(
                'icon_class' => 'fa-youtube-play',
                'icon_code'  => '\f16a',
                'icon_type'  => 'font-awesome',
            ),
            'tumblr'        => array(
                'icon_class' => 'fa-tumblr',
                'icon_code'  => '\f173',
                'icon_type'  => 'font-awesome',
            ),
            'dribbble'      => array(
                'icon_class' => 'fa-dribbble',
                'icon_code'  => '\f17d',
                'icon_type'  => 'font-awesome',
            ),
            'rss'           => array(
                'icon_class' => 'fa-rss',
                'icon_code'  => '\f09e',
                'icon_type'  => 'font-awesome',
            ),
            'github'        => array(
                'icon_class' => 'fa-github-alt',
                'icon_code'  => '\f113',
                'icon_type'  => 'font-awesome',
            ),
            'google-plus'   => array(
                'icon_class' => 'fa-google',
                'icon_code'  => '\f1a0',
                'icon_type'  => 'font-awesome',
            ),
            'instagram'     => array(
                'icon_class' => 'fa-instagram',
                'icon_code'  => '\f16d',
                'icon_type'  => 'font-awesome',
            ),
            'stackexchange' => array(
                'icon_class' => 'fa-stackexchange',
                'icon_code'  => '\f16c',
                'icon_type'  => 'font-awesome',
            ),
            'soundcloud'    => array(
                'icon_class' => 'fa-soundcloud',
                'icon_code'  => '\f1be',
                'icon_type'  => 'font-awesome',
            ),
            'flickr'        => array(
                'icon_class' => 'fa-flickr',
                'icon_code'  => '\f16e',
                'icon_type'  => 'font-awesome',
            ),
            'spotify'       => array(
                'icon_class' => 'icon-salient-spotify',
                'icon_code'  => '\f1bc',
                'icon_type'  => 'salient',
            ),
            'vk'            => array(
                'icon_class' => 'fa-vk',
                'icon_code'  => '\f189',
                'icon_type'  => 'font-awesome',
            ),
            'vine'          => array(
                'icon_class' => 'fa-vine',
                'icon_code'  => '\f1ca',
                'icon_type'  => 'font-awesome',
            ),
            'behance'       => array(
                'icon_class' => 'fa-behance',
                'icon_code'  => '\f1b4',
                'icon_type'  => 'font-awesome',
            ),
            'houzz'         => array(
                'icon_class' => 'fa-houzz',
                'icon_code'  => '\e904',
                'icon_type'  => 'font-awesome',
            ),
            'yelp'          => array(
                'icon_class' => 'fa-yelp',
                'icon_code'  => '\f1e9',
                'icon_type'  => 'font-awesome',
            ),
            'snapchat'      => array(
                'icon_class' => 'fa-snapchat',
                'icon_code'  => '\f2ab',
                'icon_type'  => 'font-awesome',
            ),
            'mixcloud'      => array(
                'icon_class' => 'fa-mixcloud',
                'icon_code'  => '\f289',
                'icon_type'  => 'font-awesome',
            ),
            'bandcamp'      => array(
                'icon_class' => 'fa-bandcamp',
                'icon_code'  => '\f2d5',
                'icon_type'  => 'font-awesome',
            ),
            'tripadvisor'   => array(
                'icon_class' => 'fa-tripadvisor',
                'icon_code'  => '\f262',
                'icon_type'  => 'font-awesome',
            ),
            'telegram'      => array(
                'icon_class' => 'fa-telegram',
                'icon_code'  => '\f2c6',
                'icon_type'  => 'font-awesome',
            ),
            'slack'         => array(
                'icon_class' => 'fa-slack',
                'icon_code'  => '\f198',
                'icon_type'  => 'font-awesome',
            ),
            'medium'        => array(
                'icon_class' => 'fa-medium',
                'icon_code'  => '\f23a',
                'icon_type'  => 'font-awesome',
            ),
            'artstation'    => array(
                'icon_class' => 'icon-salient-artstation',
                'icon_code'  => '\e90b',
                'icon_type'  => 'salient',
            ),
            'discord'       => array(
                'icon_class' => 'icon-salient-discord',
                'icon_code'  => '\e90c',
                'icon_type'  => 'salient',
            ),
            'whatsapp'      => array(
                'icon_class' => 'fa-whatsapp',
                'icon_code'  => '\f232',
                'icon_type'  => 'font-awesome',
            ),
            'messenger'     => array(
                'icon_class' => 'icon-salient-facebook-messenger',
                'icon_code'  => '\e90d',
                'icon_type'  => 'salient',
            ),
            'tiktok'        => array(
                'icon_class' => 'icon-salient-tiktok',
                'icon_code'  => '\e90f',
                'icon_type'  => 'salient',
            ),
            'twitch'        => array(
                'icon_class' => 'icon-salient-twitch',
                'icon_code'  => '\e905',
                'icon_type'  => 'salient',
            ),
            'applemusic'       => array(
                'icon_class' => 'icon-salient-apple-music',
                'icon_code'  => '\e903',
                'icon_type'  => 'salient',
            ),
            'phone'         => array(
                'icon_class' => 'fa-phone',
                'icon_code'  => '\f095',
                'icon_type'  => 'font-awesome',
            ),
            'email'         => array(
                'icon_class' => 'fa-envelope',
                'icon_code'  => '\f0e0',
                'icon_type'  => 'font-awesome',
            )
        );
        return $social_networks;
    }

Thanks 

Hey Again,

If you don't have the Child Theme installed, you can use the Code Snippets Plugin to add in the php function: https://wordpress.org/plugins/code-snippets/

Thanks

Hi Shane,

Please send in your admin login credentials so that we can check this out from your end.

Thanks.

Hey Again,

You already seem to have CSS in place to change the order

body.material #header-outer #social-in-menu i {
  display: flex;
  flex-direction: row;
}
#header-outer #social-in-menu a:nth-of-type(1) {
    order: 5;
}
#header-outer #social-in-menu a:nth-of-type(2) {
    order: 2;
}
#header-outer #social-in-menu a:nth-of-type(3) {
    order: 4;
}
#header-outer #social-in-menu a:nth-of-type(4) {
    order: 2;
}
#header-outer #social-in-menu a:nth-of-type(5) {
}

I also added a Child Theme with extra function as it was not working using the Code Snippets Plugin.

Thanks