Social Media Icons Header

Home › Forums › Jevelin Theme › Social Media Icons Header

Home › Forums › Jevelin Theme › Social Media Icons Header

Viewing 10 posts - 1 through 10 (of 10 total)
  • Author
    RESOLVED Posts

  • Leonard83
    Participant

    Hi there,

     

    My client would like to change the social media order in that way (for both Header and Footer) :

    Youtube, Instagram, Facebook, LinkedIn

    How can i fix this ?

     

    Thx

     

    Leo

     

    Shufflehound
    Moderator

    Hi there,

     

    We don’t have an option for that.

    It may be possible with custom CSS, can you please share us your website link, so we can taka a look?

     

    Best regards,

    Shufflehound team

    Leonard83
    Participant

    Here is the link to the website :

    https://www.platypuscraft.com/

    Thank you

    Shufflehound
    Moderator

    You can try this custom CSS code:

    .header-standard-position .menu-item.sh-nav-social {
    display: flex;
}

.header-standard-position .menu-item.sh-nav-social .social-media-youtube {
    order: 1;
}

.header-standard-position .menu-item.sh-nav-social .social-media-instagram {
    order: 2;
}

.header-standard-position .menu-item.sh-nav-social .social-media-facebook {
    order: 3;
}

.header-standard-position .menu-item.sh-nav-social .social-media-linkedin {
    order: 4;
}

    Let us know if that works. 🙂

    Leonard83
    Participant

    Great job, it’s working perfectly.

    May I also used the same CCS code for the footer ? (by changing header with footer) ?

    Shufflehound
    Moderator

    That is great! 🙂

    You can copy it and replace header-standard-position with sh-copyrights-social, then it should work with both header and footer

    Leonard83
    Participant

    Awesome.

    One more question regarding the social icon order.

    What would be the CSS Code when the social media icons are in the TOP BAR ?

    Thx again for your help

    Shufflehound
    Moderator

    If you will enable it then we can take a look on what needs to be changed

    Leonard83
    Participant

    https://www.platypuscraft.nicolasbarbier.fr/

    The top bar is already enabled

    Thx 😉

     

    Shufflehound
    Moderator

    You can copy it again and replace header-standard-position with header-social-media, then it should work in title bar too

  • Author
    Posts
Viewing 10 posts - 1 through 10 (of 10 total)