How to remove this space from only mobile and remove the separator line only from mobile

[NOT1]

I am currently using this custom code

@media screen and (max-width: 749px) {
    .product__media-list .product__media-item {
        width: 100% !important;
      height: 100% !important;
      margin: 0 !important;
      padding: 0px !important;
    }
}

Thanks in advance

[NOT1]

Thanks

[GTLOfficial]

Hello @NOT1

Go to online store ----> themes ----> actions ----> edit code---->base.css
add this code at the end of the file.

.section-template--23144750219560__main-padding {
padding-top: 0px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[niraj_patel]

You can add code by following these steps

1. Go to Online Store → Theme → Edit code.

2. Open your theme.liquid file

3. Paste the below code before on theme.liquid

@media screen and (max-width: 767px){ .section-template--23144750219560__main-padding { padding-top: 0 !important; } }

Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.