Adding a text-with-icons section at the top of the footer in the Shopify Dawn theme across all pages.
Approaches suggested: use the built-in “Multicolumn” section, or create a new snippet and render it above the footer in theme.liquid (render tag with the snippet’s exact name).
Issues encountered: snippet initially didn’t appear (likely due to render name/syntax); images in Multicolumn appeared too large on desktop and mobile; several shared code blocks were empty in the thread.
Solutions provided: add custom CSS to theme.liquid or the section’s Custom CSS to constrain image size and improve mobile layout:
• Desktop: .multicolumn-card__image-wrapper max-width ~100px
• Mobile (≤767px): wrapper max-width ~55px, adjust .multicolumn-card__info padding
Placement guidance: to show on all pages, render the snippet above the footer-group in theme.liquid; for product or other pages, add the CSS within that page’s section Custom CSS.
Centering request: advised to add CSS before to center the column, but the exact CSS was not included.
Outcomes: Desktop sizing looks good; mobile improved after CSS updates; OP confirmed understanding.
Latest update: another user (German) requests the complete code to create a new section.
Status: Partially resolved (sizing and placement). Open items: detailed centering CSS and a full section code example. Images/screenshots were central to diagnosing sizing.
Hi @dreamtechzone_5 ,
As you have already added the section, you can now add below CSS to resize the image.
Follow these Steps:
If you require further help to optimize your store, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated. And if this solves the problem, please Mark it as Solution!
Best Regards,
Makka