Reducing Section Padding

Site URL: http://www.faisalalmutairi.com

Hi. I have this code block that runs loop video. On desktop spacing is perfect, however on mobile it is extremely wide as you can see in the pictures I attached. Is there a way around it? Thanks. Faisal.

Hey @longstrider28 please add next code in Custom CSS:

@media screen and (max-width: 767px) {
  .gallery-masonry[data-width="inset"] {
    padding-top: 0;
  }
}

14 minutes ago, SquareRefresh said:

Hey @longstrider28 please add next code in Custom CSS:

@media screen and (max-width: 767px) {
  .gallery-masonry[data-width="inset"] {
    padding-top: 0;
  }
}

 

Worked perfectly. Thank you so much.

1 hour ago, SquareRefresh said:

Hey @longstrider28 please add next code in Custom CSS:

@media screen and (max-width: 767px) {
  .gallery-masonry[data-width="inset"] {
    padding-top: 0;
  }
}

 

One more thing please. Would you mind helping with this as well? With the Image Block there is big gap below it (check the image I attached). Thanks.

1 hour ago, longstrider28 said:

One more thing please. Would you mind helping with this as well? With the Image Block there is big gap below it (check the image I attached). Thanks.

Just replace to:

@media screen and (max-width: 767px) {
  .gallery-masonry[data-width="inset"] {
    padding-bottom: 0;
    padding-top: 0;
  }
}

37 minutes ago, SquareRefresh said:

Just replace to:

@media screen and (max-width: 767px) {
  .gallery-masonry[data-width="inset"] {
    padding-bottom: 0;
    padding-top: 0;
  }
}

 

Thank you.