Change size of Gallery Overview on Mobile

Add to Page Header

<style>
  @media screen and (max-width:767px) {
  .gallery-grid-item img {
    object-fit: contain !important;
}
  }
</style>

Some pages on mobile seems long. You should consider adding a back to top button

Do you want to align these pagination on mobile?

To add back to top, follow this guide.

With align, it looks like you added Pagination with Text Block. If you have more similar pages, each page will need different code.

With current page, add to Design > custom CSS

/* pagination side by side */
@media screen and (max-width:767px) {
div#page-section-5fcca23f83d2ac65cc0ef4da>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div#page-section-5fcca23f83d2ac65cc0ef4da a {
    line-height: 16px;
}
}

Thank you @tuanphan Bless you heart 🙏☺️

@tuanphan thank you for extending your assistance. You are the kindest and you made me so happy 😭 Please let's do whatever you think is best for our website. 

Stay safe,
K

22 hours ago, tuanphan said:

To add back to top, follow this guide.

With align, it looks like you added Pagination with Text Block. If you have more similar pages, each page will need different code.

With current page, add to Design > custom CSS

/* pagination side by side */
@media screen and (max-width:767px) {
div#page-section-5fcca23f83d2ac65cc0ef4da>.row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
div#page-section-5fcca23f83d2ac65cc0ef4da a {
    line-height: 16px;
}
}

 

You're a life saver, this made my day 😭🙏! You have assisted for a long time so I've learned to tweak the code to apply it to the rest of my pages.

Thank you once again. 
Stay safe and healthy always,
K