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 🙂 

[GTLOfficial · Accepted solution]

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

[NOT1]

Thanks

[niraj_patel · Accepted solution]

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 </body> on theme.liquid
<style>
@media screen and (max-width: 767px){
  .section-template--23144750219560__main-padding {
      padding-top: 0 !important;
    }
}
</style>

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

[GTLOfficial · Accepted solution]

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