How can I split the column while updating my website footer?

Store Design
,

Topic summary

A user seeks help splitting footer columns on their Shopify store. They shared a screenshot showing the current footer layout and provided their store URL with password access.

Two solutions were offered:

  1. CSS approach: Add custom code to the base.css file using a media query that sets column-count: 2 for footer block details on screens wider than 750px.

  2. Theme file modification: Insert code before the </body> tag in the theme.liquid file (specific code snippet provided but formatting unclear in original post).

Both solutions involve editing theme code files. The user thanked the helpers, suggesting they found the guidance useful. No confirmation yet on which solution was implemented or whether the issue is fully resolved.

Summarized with AI on November 16. AI used: claude-sonnet-4-5-20250929.
1

Hello!

is there a way i can update this to split the column?

Andia_0-1693179953614.png
Andia_0-1693179953614.png737Ɨ498 17.8 KB

2

Hi @Andia

This is David at SalesHunterThemes.

Thank you for your question.

Please share your store URL, page URL and also password (if your store has one) so we can help you.

3

www.andiacollective.com.au password ANDIAVIP

4

Hi @Andia

You can try follow this path:

Themes => edit code => asset => base.css

and add this code to bottom of the file base.css

@media screen and (min-width: 750px){
ul.footer-block__details-content {
    column-count: 2;
}
}
5

Hi @Andia ,

This is Anthony from Beae Landing Page Builder, and Iā€™m happy to assist you today.

While I acknowledge that this issue falls short of the desired outcome, I have an idea that I believe might be of help:

  1. Go to Online Store ā†’ Theme ā†’ Edit code
  2. Open your theme.liquid file
  3. Paste below code before :

Best regards,

Anthony

1 Like
6

thank u!!