Social Icons in Footer Brooklyn Theme

[CJCarter]

Hi

I'm looking to improve the layout of my footer - specifically the social icons

Currently I have Facebook and Instagram icons which are stacked on top of each other. I'd like them to be side by side instead.

My site https://browseco.co.uk/

Could anyone help? I'm fine with editing code

:)

[ChoosiZon · Accepted solution]

Hi,you can put this at bottom of timber.scss file under assets:

ul.no-bullets.social-icons li {
    display:inline-block;
}

[CJCarter]

Perfect!

That worked, thanks so much! :)

[PonyTask]

Hi @CJCarter ,

find the timber.scss  in your theme. Then paste the code below. 

ul.no-bullets.social-icons {
    display: flex;
}

Hopefully, this will work. 

If you need any expert help you can text me here: https://www.fiverr.com/share/aek7K8

[morgenandco]

hello,

I added the code for social media but they are side by side instead of stacked (one under the other).

can you help me with that?

thank you

[morgenandco]

Also,

That's how it looks on the mobile.

Is there a way to center it? ( only on the mobile)#instagram

[Hiccups]

This worked great for me. But what if i want only icons and not Social platform next to it.

Thanks in advance.

[CChing]

The title is actually built into the icon so you'll probably need to find new social icons. I'm experiencing the same issue.