How can I modify the grid of a footer in the Highlight theme?

Topic summary

Main issue: modify the Highlight theme’s footer layout from a 2x2 grid to a single row with 3 columns, with social icons moved into the logo area.

Recent update: A responder shared a mockup image of a suitable 3‑column footer and offered to implement it by accessing the store via private message. The original poster confirmed the 3‑column approach is preferred and requested the solution’s code be shared publicly so others can replicate it.

Technical context: “Grid” refers to the CSS/HTML structure controlling the footer’s columns and rows. The goal is to adjust the footer’s grid settings/styles to achieve three columns in one row.

Attachments: An image preview of the proposed layout is central to understanding the intended design.

Outcomes and next steps: No code or specific instructions have been provided yet. Action item is for the responder to share the code or step‑by‑step guidance in the thread. Status: unresolved and open.

Summarized with AI on February 9. AI used: gpt-5.

Hey, I’m hoping someone from this community can help me out.

I’m using the Highlight theme and have managed to adjust the footer as far as I can with css and html. However the elements of the footer remain in a 2 columns, 2 rows Does anyone know how I can edit this so it is 3 columns and only 1 row (i will move the socials into the logo area)

My website is: https://safety-net-solutions-uk.myshopify.com

password: netsafety

Thanks so much!!

1 Like

Hello @hannahdossary

IS it okay for you?

We need your store access, I will surely set it like this for you

you can send details for the login into store in the private message

Yes that looks good, but possibly only 3 columns. Is it possible for you to share the code here so that any one else having the same issue can replicate the fix?

1 Like