Hello, I have not been able to remove the space in the middle and on the sides on the product page,

I would like it to be seen without the white spaces on the sides and in the middle so that everything can be seen in full screen, thanks! its impulse theme

@tyga Please share your store URL to help you on this.

Hello Tyga ,

Please share your store URL, than I will help you

https://4dc3c8.myshopify.com/products/filtro-universal-7-en-1

Hello Tyga,

This spacing issue in the mobile view

Here are the Steps how to Fix this:

Go to Theme Editor > Edit Code > Find (Base.CSS)File

Add This code at the bottom Base.CSS file

@media (max-width: 767px) {
h2 element.style {
    text-align: center;
    font-size: 25px;
    line-height: 35px
}
 .rte h2 {
    margin-top: 20px;
    margin-bottom: 20px;
}
}

I hope this is helpful to you.

https://4dc3c8.myshopify.com/products/filtro-universal-7-en-1

it worked but the other blank spaces remained there

@tyga Please follow below steps to remove white space between the sections. Let me know whether it is useful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search “theme.css” file and paste below code at the bottom of the file.
.product-block .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    margin: 0px !important;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.

@tyga Please follow below steps to remove white space between the sections. Let me know whether it is useful for you.

  1. From admin, go to “Online Store” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Search “theme.css” file and paste below code at the bottom of the file.
.product-block .rte h1:first-child, .rte h2:first-child, .rte h3:first-child, .rte h4:first-child, .rte h5:first-child, .rte h6:first-child, .rte h1, .rte h2, .rte h3, .rte h4, .rte h5, .rte h6 {
    margin: 0px !important;
}

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.