To add an icon and some text below the icon in dawn theme

Store Design
, , , ,

Topic summary

A user wants to display three icons horizontally with descriptive text beneath each icon in the Dawn theme. Their initial workaround—using image sections in the footer with separate text blocks—works on desktop but fails on mobile, where images and text don’t stack properly and icons appear oversized.

Proposed Solution:
Another user suggests using Dawn’s built-in Multicolumn section instead of separate image/text blocks. This approach pairs each image with text in a single column structure that automatically stacks vertically on mobile devices. Steps include:

  • Adding a Multicolumn section
  • Uploading an image for each column with corresponding text
  • Setting secondary background to ‘None’ to remove shaded boxes

Remaining Issues:
The original poster clarifies they want icons (not images), though no specific solution for icon implementation was provided. A later user reports that the Multicolumn section doesn’t appear when searching in the footer area (as of November 2024), suggesting potential theme limitations or changes. The discussion remains unresolved regarding both the icon requirement and footer implementation.

Summarized with AI on October 31. AI used: claude-sonnet-4-5-20250929.
1

I wanted to add 3 icons one after the other horizontally and below each icon wanted to describe the feature we offer, but I did not find that in dawn theme, so to find another way out I added an Image section inside footer, set the image to 150px and added 3 images and then I added a 3 text blocks after the images so it came one below the other in Desktop view as shown below (or in attached images) :

hashbrowns_0-1708972347337.png
hashbrowns_0-1708972347337.png1870×701 105 KB

Now when I try to check my mobile view it gives me a view as show below (or in attached images) :

hashbrowns_1-1708972440170.png
hashbrowns_1-1708972440170.png1546×894 98.7 KB

So my requirement as mentioned in the subject i.e. to add an icon and some text below the icon in dawn theme is not fulfilled in mobile view, also the images(icons) in the mobile view are much larger than required.
So please, either tell me a way to add an icon and some text below the icon in dawn theme for both the views or help me resolve my mobile view as required.
Thanks and Regards,
HashBrowns.in

2

Hey Hashbrowns,

The images are not stacking on the text with mobile since you are actually storing things in two rows. The images are in the first row and the text is in the second row. What you are looking for is a combination of columns to help your content stack the way you expect on mobile.

Click “Add a Section” on your Dawn Theme

add-a-section.png
add-a-section.png684×542 15.5 KB

Search for Multicolumn

search-for-multicolumn.png
search-for-multicolumn.png1378×1162 58.2 KB

Now you can choose a photo for each column which pairs up with text.

choose-an-image-for-the-column.png
choose-an-image-for-the-column.png2618×1622 360 KB

Select the Section to have None for the Secondary background if you dont want the shaded boxes.

make-secondary-background-none.png
make-secondary-background-none.png574×196 6.28 KB

Now you have a multi column structure with images and text that will stack on mobile.

Screen Shot 2024-02-27 at 8.59.46 am.png
Screen Shot 2024-02-27 at 8.59.46 am.png2624×1374 639 KB

Here is an example of it on mobile stacking.

the-columns-now-stack.png
the-columns-now-stack.png728×1622 405 KB

I hope this helped! Let me know if you have any other questions or please mark this as an accepted solution if it did in fact help :slightly_smiling_face:

Good luck with your store moving forward Hashbrowns!

3

Thank you for your kind suggestion but I do not want images instead i want icons there just because i could not find that option i was using images, I will share a screenshot from a website so that you better understand my requirement, This is something exactly what I need:

hashbrowns_0-1709217720230.png
hashbrowns_0-1709217720230.png1894×265 9.83 KB

1 Like
4

Hello - thank you, this is a solution I’ve been looking for - I want stacked images/text in the footer of my Dawn theme. BUT - “multicolumn” turns up no results when I attempt to add a section to the footer. Am I missing something or has something changed since Feb. of this year? Thanks, really appreciate any help you can give!

marinaevans_0-1732034531514.png
marinaevans_0-1732034531514.png687×459 24.6 KB

5

Hi, did you manage to get this done ?

I have been trying to figure this out too, Please help