Hi There,

Please send in your website url and also the order you would want so that we can provide css for it.

Thanks.

Hi Alberteck,

Please let us know how you would want to reorder the social icons, which positions would you want the icons to change to.

Thanks.

Hi Alberteck,

Please try this css:

body.material #header-outer #social-in-menu i {
  display: flex;
  flex-direction: row;
}
#header-outer #social-in-menu a:nth-of-type(1) {
    order: 3;
}
#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: 3;
}
#header-outer #social-in-menu a:nth-of-type(5) {
    order: 0;
}
#header-outer #social-in-menu a:nth-of-type(6) {
    order: 1;
}
#header-outer #social-in-menu a:nth-of-type(7) {
    order: 0;
}

Thanks

Hi Alberteck,

You may need to remove the css and reorder the icons from header.php located under  salient/nectar/helpers/ as shown below:

Thanks.

Hey Again,

As Judith mentioned this would be much easier if you adjusted the PHP functions via a Child theme found in "salient/nectar/helpers/" as the CSS would change if you were to add or remove an icon in the future.

Thanks

Hi There,

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 Alberteck,

Is it possible you could allow me login into your website and check this out

Hi Alberteck,

Seems your password is not working, please check and resend:

Thanks.

Please check it out.

Hi Alberteck,

This is great work and thank you for the additional information.

Thanks.