Remove space between sections Symmetry

Français Discussions Thèmes Shopify

Topic summary

Goal: remove excess space between the Featured Collection and Gallery sections in the Shopify Symmetry theme. A screenshot was shared to show the gap.

Process: a helper asked for the store URL; the requester provided Emiperruques.com with password 123456 to enable troubleshooting.

Solution proposed: add a CSS rule to the theme’s stylesheet (styles.css) to eliminate the top margin on the targeted section:
#section-id-template–15215965077698__16359279164ff7d3f3 > div { margin-top: 0px; }

Notes:

  • CSS (Cascading Style Sheets) controls visual spacing; styles.css is the theme’s main stylesheet.
  • The selector relies on a specific section ID; if the section ID differs on other pages or after theme edits, the ID should be adjusted accordingly.

Status: a concrete code fix was provided; the requester has not yet confirmed results. Discussion remains open pending confirmation.

Summarized with AI on February 23. AI used: gpt-5.
1

Capture gap.png
Capture gap.png1911×643 171 KB

Hi,

I use Symmetry theme. I would like to remove space on my website between the featured collection and the gallery. Could you help please ? Does someone have a code please ?

Have a good day ! Thank you

P

2

Hello @Emiperruques

Would you mind sharing your store’s URL so we can provide a solution for your issue? Thanks!

3

Hi,

The website is Emiperruques.com. The password is 123456.

Thank you for you help :wink:

4

Add this code at the bottom of your styles.css file:

#section-id-template--15215965077698__16359279164ff7d3f3 > div {
    margin-top: 0px;
}

That should do it! Should that help answer your query, we always appreciate liking & marking an as answer to let the community find quality solutions faster. Thanks!

PS: Bonjour camarade! Nous sommes basés en France aussi :slightly_smiling_face: