Remove unwanted padding between images in mobile view

Site URL: https://www.anderslonnfeldt.com/

Hello,

I noticed that there has suddenly been added padding between images in mobile view (I marked padding as red in screenshot).

There was no padding some days ago so I guess this is some kind of bug.

Can anyone help me with this?

Thanks!

Anders

Try adding to Home > Design > Custom CSS

@media screen and (max-width:767px) {
.homepage .gallery-masonry-item {
    padding-bottom: 0 !important;
}
}

It worked! You are a genious 🙂

How can I adapt the code for this page as well? https://www.anderslonnfeldt.com/photography

6 minutes ago, anderslonnfeldt said:

It worked! You are a genious 🙂

 

How can I adapt the code for this page as well? https://www.anderslonnfeldt.com/photography

which plan do you use? Personal or BUsiness

Business.

2 minutes ago, anderslonnfeldt said:

Business.

To remove, add this to Page Settings > Advanced > Header

<style>
  @media screen and (max-width:767px) {
.gallery-masonry-item {
    padding-bottom: 0 !important;
}
}
</style>

It works! You rock! Thanks 🙂

Hello,

I changed the gallery grid from "Masonry" to "Simple" to be able to set a aspect ratio for all the images.

Now I have the same problem as with the Masonry grid. There are padding between images in mobile view.

Anyone have a solution for this?

Here is a link to the page: https://www.anderslonnfeldt.com/

Anders

1 hour ago, anderslonnfeldt said:

Hello,

 

I changed the gallery grid from "Masonry" to "Simple" to be able to set a aspect ratio for all the images.

Now I have the same problem as with the Masonry grid. There are padding between images in mobile view.

Anyone have a solution for this?

Here is a link to the page: https://www.anderslonnfeldt.com/

 

Anders

Add to Home > design > Custom CSS

@media screen and (max-width:767px) {
.gallery-grid-item {
    padding-bottom: 0 !important;
}
}

It worked.

Thanks a lot! 🙂