How to remove top/bottom padding from Gallery-Strips in Mobile View

Site URL: https://bounthavong.com/

Hello, I am trying to remove the top and bottom gaps between Gallery-Strips that appear only when in Mobile View. 

I have tried adding the following css code but it does not seem to work:

@media screen and (max-width:640px) {
.gallery-strips {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
}

Any help would be super appreciated! 

Thx very much! 

On 5/14/2022 at 1:02 AM, CARN3_ASADA said:

Site URL: https://bounthavong.com/

Hello, I am trying to remove the top and bottom gaps between Gallery-Strips that appear only when in Mobile View. 

I have tried adding the following css code but it does not seem to work:

@media screen and (max-width:640px) {
.gallery-strips {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}
}

Any help would be super appreciated! 

 

Thx very much! 

You can try

@media only screen and (max-width: 767px) {
  #collection-5e82dc9205dc426d6194f7b9 .gallery-section-wrapper, #collection-5e82dc9205dc426d6194f7b9 .gallery-section-wrapper > .gallery  {
    min-height: unset !important;
  }
}

Let me know how it works on your site

My testing

Hey bangank36!

That totally worked! Thanks so much!

There's no way I would have figured that out!

I really appreciate the help!  😃👍