Split colums in footer for Dawn theme

Store Design
,

Topic summary

Adding a second footer column/menu in the Dawn theme and enlarging social icons.

  • Second menu: No custom code needed. In Online Store > Customize, select Footer and use +Add Block to add an additional menu. Create the menu first in Online Store > Navigation, then assign it to the new block.

  • Social icon size: Adjust in component-list-social.css by targeting the .list-social__item .icon selector and setting height and width to 5rem. Using rem (relative to the root font size) keeps sizing consistent and scalable.

  • Resources: A CSS snippet was provided and is central to resizing the icons. A screenshot was referenced but not essential to the solution.

  • Outcome: The original poster confirmed the approach works and no deeper coding is required. The discussion is resolved with clear steps and no outstanding questions.

Summarized with AI on December 27. AI used: gpt-5.
1

I am looking to add a second column in my footer to add a second menu onto, so I can direct customers to support areas but also to retarget them back to my sales channel.

I would also like to enlarge the social icons.

Here is my preview URL - https://h3a2rmpyakjmngoo-7322239031.shopifypreview.com

See a screenshot of what I have currently in place.

2

Without getting into custom code, you could add a new block to the footer. Through Online Store, Customize in the right hand panel select the footer and then +Add Block. Here you can add an additional menu which you would need to create in Online Store, Navigation.

As for the social icons, in component-list-social.css there is .list-social_item .icon which is controlling their size, I would stick to using rem units, so try 5rem and see if that is a suitable size.

.list-social__item .icon {
  height: 5rem;
  width: 5rem;
}

Hope this helps

3

Oh well now I feel silly! Here I thought it was in coding haha!

Thank you for the help :slightly_smiling_face: