Coding help to arrange footer in Debut Theme into three columns

trudy08
New Member
2 0 2

Hi there! I need some help trying to figure out where and how to place the coding into the footer of the website I'm working on (I'm a super beginner so I will need as much detail as possible): https://elktracksstudio.com 

Currently, the footer does not have any organization (see image below):

Screen Shot 2021-01-27 at 11.40.27 AM.png

 

This is why I'm trying to configure it to have three columns, similar to the below screenshot with headings and then the columns:

Screen Shot 2021-01-27 at 11.38.32 AM.png

KetanKumar
Shopify Partner
14345 1669 5164

@trudy08 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good question.

can you please check footer theme customization may allow this option if not so 

It can be done by doing some code customization. please send me a personal message and we can discuss what you'd like

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
trudy08
New Member
2 0 2

Hi, yes I believe I have the option to customize the code, but I'm not sure what the code would be to allow this optimization.

Alan15
Explorer
76 12 16

You can try to add this css code to the end of your theme.css file in the Assets folder:


ul.site-footer__linklist.site-footer__linklist--center {
column-count: 3;
column-width: 150px;
text-align: left;
}

0 Likes
KetanKumar
Shopify Partner
14345 1669 5164

@trudy08 

can please store url.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes