How can I add a 'Follow Us' column with social media icons to my footer?

[wjgreen]

I want to add a 'Follow Us' column to my footer that has my social media linked icons. I already have my social media linked icons in the footer, but just want to move them into a column as explained.

-(example of a similar concept to what I want to have)

How would I do this?

[ThomKnepper]

Hi,

In order to help you we'll need a little bit more information. What theme are you using and what is the URL of your store?

[wjgreen]

Hey there, I am using the Debut theme. My store link is: thecozey.com 

[wjgreen]

Hi @ThomKnepper just wondering if you have viewed my store and were able to figure out a solution? Thanks

[ThomKnepper]

Hi there @wjgreen ,

I have had a look and I would recommend you to use a grid for this.

As the Debut theme is really old and not recommended to use any more, the fix for this is also sort of "quick and dirty".

.site-footer__icon-list {
    display: grid;
    grid-template-columns: 35px 35px;
    grid-template-rows: 35px 35px;
}

Hope this helps.

[wjgreen]

Hi @ThomKnepper thanks for the reply and advice. Just wondering which file do I add the code to?

[ThomKnepper]

@wjgreen that would be in the main css file or create a custom css file and load it in into the section. But I would recommend to search for the class in the main css file and add it below the normal css.

[wjgreen]

Okay great thanks, I'll try it out.