Is there any way to reduce the space between these 2 options in the footer?

Store Design
, , , , , ,

Topic summary

A Shopify store owner using the Dawn 8.0.0 theme sought to reduce spacing between two footer menu sections (Contact and Policy).

Solution provided:

  • Add custom CSS code to section-footer.css file
  • Initial code reduced spacing but caused the footer image to shift right
  • Revised CSS included additional properties to fix image alignment:
    • Set max-width: 180px for footer menu blocks
    • Added justify-content: start and padding-left: 50px for centered footer images
    • Applied media query for screens wider than 749px

Outcome: Issue resolved successfully with the adjusted CSS code.

Summarized with AI on November 22. AI used: claude-sonnet-4-5-20250929.
1

i want to reduce the siize of the space between

Contact- Search

Policy- Home

the website is https://inshade.shop/

Screenshot_2.png
Screenshot_2.png1530×428 28.5 KB

2 Likes
2

oh yeah sorry for not mentioning my theme is dawn 8.0.0 on the website http://inshade.shop/

3

Hi @inShade ,

This is Richard from PageFly - Landing page builder, I’d like to suggest this idea:
Step 1: Go to Online Store->Theme->Edit code
Step 2: Asset->/section-footer.css->paste below code at the bottom of the file:

@media screen and (min-width: 749px) {
    .footer-block.footer-block--menu {
        max-width: 180px;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

4

thats better but now the image is move to the right

Screenshot_3.png
Screenshot_3.png1503×407 36.3 KB

5

Hi @inShade ,

You can try replace previous my code be below code:

@media screen and (min-width: 749px) {
    .footer-block-image.center {
        justify-content: start;
        padding-left: 50px;
    }
    .footer-block.footer-block--menu {
        max-width: 180px;
    }
}

I hope it would help you
Best regards,

Richard | PageFly

1 Like
6

that fixed the issue. thanks a lot!