Symmetry Theme change Spacing

Hello, on mobile I want to change the space for the image gallery sections. I want it to be 0px left and right & 10px between images. Thank You

store: www.cultureposter.com

Hello,

Step 1: Navigate to your Shopify admin panel and go to “Online Store.”

Step 2: Click on “Themes” and then select Edit code

Step 3: Find base.css

@media (max-width: 768px) {
    .gallery--with-margins {
        margin-right: 0px!important;
        --gallery-gutter: 0px!important;
    }

    .gallery--with-margins .gallery__item {
        margin-bottom: 10px!important;
        margin-left: 0px!important;
        margin-right: 0px!important;
    }
}

Do not forget to make the answer as solution and like the solution :slightly_smiling_face:
THank you

1 Like