CRAFT theme - how do I move social media icons on footer

[Kairobi]

Hey dear community, I need your help!!

I want to move my IG icon to stay under “CONTACT”, can someone help me?

I read other blogs that share new codes to insert but couldn’t understand if the codes are appliable in my customization as well or if it would ruin it, so I’m asking thank you so much

[Amlibolikha]

Hi @Kairobi ,

Please share your store URL and if your store is password protected then please provide password too.

So that we can help you.

Thank you.

[GemPages]

Hello @Kairobi

It’s GemPages support team and glad to support you today.

To provide you with the most precise solution in this case, could you please share the home page link?

[Kairobi]

Hi @GemPages ,

Thank you for your fast reply!

Here is the homepage link:

https://kairobicare.com/

[Kairobi]

Hi @Amlibolikha ,

Appreciate your reply

Here is the homepage link:

https://kairobicare.com/

[PageFly-Richard]

Hi @Kairobi ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (min-width: 750px) {
    .footer-block--newsletter {
        margin-top: 10px;
    }
    .footer__list-social {
        justify-content: start !important;
        padding-left: calc((100% / 3) - 6px);
    }
}

I hope it would help you
Best regards,

Richard | PageFly

[Kairobi]

Hey, thank you so much! This helped me immensely and could put it in the location I wanted deeply appreciated!

[Kairobi]

Hey @PageFly-Richard , how are you doing?

I don’t know what happend but the instagram icon moved once more and I’m not managing to position it under “reach out” - could you help me?

I’ve been trying to change the code numbers in the above suggestion you gave but nothing seems to change(?)

here is a screenshot:

Thank you so much in advance,

KAIROBI

[PageFly-Richard]

Hi @Kairobi ,

you can use my code

ul.footer__list-social.list-unstyled.list-social .list-social__item {
transform: translateY(-90px) !important;
}

[Kairobi]

Hi @PageFly-Richard ,

Thank you, thank you thank you! ?

It worked and it’s perfect!!!

Another question:

Do you potentially know if there is the possibility of people clicking on the icon of Instagram and a new page opening, instead of the store page being replaced by the Instagram one?

All the best,

KAIROBI