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

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.

Also the footer stop showing up

It looks like you solved?