Social Icons in Footer Brooklyn Theme

Solved
CJCarter
Tourist
10 0 3

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

 

:)

0 Likes
ChoosiZon
Trailblazer
215 39 66

This is an 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
Tourist
10 0 3

Perfect!

 

That worked, thanks so much! :)

0 Likes
PonyTask
Shopify Partner
24 1 5

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
New Member
2 0 0

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

0 Likes
morgenandco
New Member
2 0 0

Also,

That's how it looks on the mobile.

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

 

0 Likes
Hiccups
Tourist
5 0 0

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

 

Thanks in advance.

0 Likes
CChing
New Member
3 0 0

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

0 Likes