Okay
  Public Ticket #2575491
changing the order of social media icons in the header
Closed

Comments

  • Will Donoghue started the conversation
    October 20, 2020 at 12:43pm

    Hi,

    I've seen your response to this ticket (#1262703) but when I look at my header.php and functions.php files under the salient folder I can't find any line to do with the social media icons. Also there are only about 200 or so lines in the functions.php file which seems much too few.

    Is there another location I should be looking in or another way to do this?

    Thanks!

  •  8,849
    Tahir replied
    October 20, 2020 at 7:26pm

    Hey Again,

    Try using the below css as per your needs.

    #footer-outer .social {
    display: flex;
    flex-direction: row-reverse;
}
#footer-outer .social li:nth-of-type(6) {
    order: 1;
}
#footer-outer .social li:nth-of-type(4) {
    order: 2;
}
#header-secondary-outer #social {
    display: flex;
    flex-direction: row-reverse;
}
#header-secondary-outer #social li:nth-of-type(6) {
    order: 1;
}
#header-secondary-outer #social li:nth-of-type(4) {
    order: 2;
}

    Thanks

    ThemeNectar Support Team 

  •   Will Donoghue replied privately
  •  8,849
    Tahir replied
    October 21, 2020 at 3:02pm


    Please provide the page URL so I may write up the custom CSS for this request.
    Thanks

    ThemeNectar Support Team 

  • Will Donoghue replied
    October 21, 2020 at 3:45pm

    Hi Tahir,

    The URL is http://melissam16.sg-host.com/. 

    Thank you!

  •  8,849
    Tahir replied
    October 21, 2020 at 8:14pm

    Hey Again,

    As per your header configuration, the below CSS would work.

    Add this into the Custom CSS box in your Salient Theme Options panel (We write all Custom CSS in the Live Browser to ensure accuracy. If you cannot see any changes, make sure there is no red cross in the Custom CSS Box as any syntax error would cause all CSS under that line of code to not show up on the Frontend):

    body.material #header-outer #social-in-menu {
    display: flex !important;
}
body.material #header-outer #social-in-menu a:nth-of-type(1) {
    order: 3;
}
body.material #header-outer #social-in-menu a:nth-of-type(2) {
    order: 2;
}
body.material #header-outer #social-in-menu a:nth-of-type(3) {
    order: 1;
}

    Thanks

    ThemeNectar Support Team 

  • Will Donoghue replied
    October 21, 2020 at 11:40pm

    Hi Tahir,

    Thank you so much! This works brilliantly.

    Thanks

  • LocalKings replied
    November 16, 2020 at 9:45am

    hi Tahir,

    I hope you do not mind me piggybacking off this conversation.

    With the social media share icons at the bottom, the LinkedIn button shares a strange screenshot from 2015.  How do I determine, which content is shared to social media?  Check out our website here to see the buttons at the bottom: www.localkings.com


  •  8,849
    Tahir replied
    November 16, 2020 at 10:19am

    @LocalKings, 

    Try configuring this plugin or similar: https://wordpress.org/plugins/wpsso/ .

    Thanks

    ThemeNectar Support Team