Change Portfolio Overlay to Grid Simple on Mobile

[tuanphan]

To change portfolio page grid overlay (title/overlay over image on hover) to grid simple (title under image) on Mobile Squarespace, you can use this code to Custom CSS box.

@media screen and (max-width:767px) {
    .portfolio-grid-overlay .grid-item .portfolio-text {
    position: static !important;
    opacity: 1 !important;
    padding: 10px !important;
}
div#gridThumbs {
    grid-row-gap: 60px !important;
}}

result