Jump to content

Button staying on the middle of the Masonry gallery on phone view

Recommended Posts

After using this code to have only 1 row on masonry gallery on mobile view: 

/* Masonry one item on mobile */
@media screen and (max-width:767px) {
    .gallery-masonry-item-wrapper {
    height: auto !important;
    margin-bottom: 30px !important;
}
figure.gallery-masonry-item {
    position: relative !important;
    width: 100% !important;
    transform: unset !important;
}
.gallery-masonry-item-wrapper {
    height: auto !important;
}
.gallery-masonry .gallery-masonry-item[data-loaded] img {
    width: 100% !important;
}
.gallery-masonry {
    padding-left: 10 !important;
    padding-right: 10 !important;
}
}

The Button "Next" started showing in the middle of the gallery instead of being on the bottom before the footer.

 

IMG_7285.PNG

Link to comment
  • Replies 2
  • Views 259
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.