Rearrange order of social links in topbar?

Home › Forums › Gillion Theme › Rearrange order of social links in topbar?

Home › Forums › Gillion Theme › Rearrange order of social links in topbar?

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

  • starboardcreative
    Participant

    Is it possible to rearrange the order of the social media links in the topbar on the Gillion theme?

    Shufflehound
    Moderator

    Hi there,

     

    At the moment we don’t have such an option.

    If needed we can create a custom CSS code to change the order of the social media links.

     

    Best regards,

    Shufflehound team

    starboardcreative
    Participant

    Is that possible for you to send me? The CSS code to change the order? Our order right now is:

    Facebook – Twitter – Instagram – Pinterest – YouTube – LinkedIn

    We’d love to have it as:

    Instagram – Facebook – Pinterest – Tiktok – LinkedIn – Twitter – YouTube

    Shufflehound
    Moderator

    Hi there,

     

    Can you please share a link to your website? We will need it to create the custom code.

     

    Best regards,

    Shufflehound team

    starboardcreative
    Participant

    Sure! It is below:

    Shufflehound
    Moderator

    You can try this custom CSS that you can add in the Gillion Settings > Custom CSS/JS section:

    .primary-desktop .social-media-instagram { order: 1; }
.primary-desktop .social-media-facebook { order: 2; }
.primary-desktop .social-media-pinterest { order: 3; }
.primary-desktop .social-media-tumblr { order: 4; }
.primary-desktop .social-media-linkedin { order: 5; }
.primary-desktop .social-media-twitter { order: 6; }
.primary-desktop .social-media-youtube{ order: 7; }

     

    Let us know if that works!

    • This reply was modified 3 weeks, 2 days ago by Shufflehound.

    starboardcreative
    Participant

    Hmmmm that didn’t seem to work. Do I need to put !important with all of that css?

    Shufflehound
    Moderator

    Can you please also add this custom code below:

    .primary-desktop .header-social-media {
    display: inline-flex;
}

     

    Let us know if that fixes it. 🙂

    starboardcreative
    Participant

    It did! Thank you so much. Just one other question… is there a way to add a TikTok icon with link in the place of the Tumbler one? We don’t use Tumbler anymore but do have a TikTok account we would love to have up there and link out to.

    Shufflehound
    Moderator

    That is great! 🙂

     

    Unfortunately, currently, our main theme icon pack doesn’t have the Tiktok icon. But we will consider adding it.

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