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

Technical Q&A
1

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)

Screen Shot 2023-03-23 at 11.27.42 PM.png
Screen Shot 2023-03-23 at 11.27.42 PM.png582×695 26.1 KB

How would I do this?

2

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?

3

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

4

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

5

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.

6

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

7

@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.

8

Okay great thanks, I’ll try it out.