Footer icon display horizontally

Store Design

Topic summary

Request to customize Shopify’s Dawn theme (v15.4.0): display footer icons horizontally (currently vertical) and move the “Sale” badge to a corner of product images instead of next to the price.

Access details shared: live site URL and a draft theme preview link (passwordless). A screenshot was referenced.

Proposed fix implemented for footer icons: add a CSS snippet in theme.liquid (before ) to set .footer-icon to display: flex and justify-content: space-around for screens ≥768px. The helper posted a result screenshot, and the requester confirmed the footer icons now appear horizontally.

New issue raised post-fix: section width and unexpected additional images are not matching the published theme. The requester asked the helper to re-check the draft preview to resolve layout width and extra imagery.

Status and open items:

  • Footer icon orientation: resolved via CSS.
  • Section width/extra images in the affected section: unresolved; further review requested.
  • Relocating the “Sale” badge to the image corner: not yet addressed. The discussion remains open without a final resolution.
Summarized with AI on December 11. AI used: gpt-5.
1

Can someone help us in customization of the Dawn theme version 15.4.0. How to make the footer icon display horizontally instead of vertical. Also, can be adjust the sale icon to the corner right or left of the product images on the product page insted of what its being displayed adjacent of the price.

1 Like
2

Hey @SNAZZYHUNT

Welcome to Shopify Community! Can you share your Store URL so I can have a look on it? Also, if you have password enabled then please share the password as well. Your cooperation would be greatly appreciated.

Best Regards,
Moeed

1 Like
3

Thank you for your resonse! Its www.snazzyhunt.com the live theme whereas we need it to change for the version 15.4.0 the draft theme

Annotation 2025-11-11 183246
Annotation 2025-11-11 1832461521×807 96.6 KB

4

Can you share your store URL

5

I need to see your draft theme, since the issue is occuring on that. Can you share the preview URL of your draft theme?

Best,
Moeed

6

surely. here is the preview url: https://snazzyhunt.com/?_cd=e20d4815f29eed82824a44d238999319a8efe7004870c4bb09e5829e39187fa7&_uid=80618455239&preview_theme_id=150043394247&preview_token=sf2vv9h0dta4djssj1eetq3o9hnymahw

1 Like
7

Hey @SNAZZYHUNT

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above </ body> tag
<style>
@media screen and (min-width: 768px) {
.footer-icon {
    display: flex !important;
    justify-content: space-around !important;
}
}
</style>

RESULT:

image
image1870×136 17.7 KB

If you require any other help, feel free to reach out to me. If I managed to help you then a Like would be truly appreciated.

Best,
Moeed

1 Like
8

@Moeed its achieved and the icons are displayed horizontally but the issue of the section width and the addititonal images are not as supposed to be without any additional images and the section width matching the published theme.. refer preview url once more, here it is: https://snazzyhunt.com/?_cd=e20d4815f29eed82824a44d238999319a8efe7004870c4bb09e5829e39187fa7&_uid=80618455239&preview_theme_id=150043394247&preview_token=sf2vv9h0dta4djssj1eetq3o9hnymahw