Jump to content

5 column grid Masonry mobile

Recommended Posts

Can you share your website URL?

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
  • 4 weeks later...

This is tricky since it's a masonry gallery and designed to be responsive, I'll see if I have a solution for you on mobile, but it may it work perfectly.

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 
Hire me on Upwork!

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 🔲 SQSP Themes (Referral link) 
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
2 hours ago, VD_A said:

If you have another solution that uses a different style gallery I could be open to that?

Can you try with this code? Add these code on Custom CSS panel in Website Utilities Website Tools > Custom CSS.

@media only screen and (max-width: 767px) {
    [data-section-id="64fc625672723e3855236170"] {
        .gallery-masonry-wrapper {
            height: auto !important;
            padding: 0.5% !important;
            box-sizing: border-box;
        }
        .gallery-masonry-wrapper .gallery-masonry-item {
            position: relative !important;
            width: 19% !important;
            height: auto !important;
            float: left !important;
            transform: none !important;
            margin: 0.5%;
        }
        .gallery-masonry-item-wrapper {
            height: auto !important;
        }
    }
}

 

Screenshot_515.png

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
On 12/8/2023 at 3:32 AM, VD_A said:

That looks good and in the Squarespace editor it looks pretty much how I was envisioning, however when I open the page on my phone the images are all stretched. Maybe something to do with the auto height?

Can you send me a screenshot?

If my comments are useful, please like and mark my solution as answer. It will encourage me. Thanks

MD Rofik
Website Designer and Digital Marketer

Am I helpful? Want to offer me a coffee?
Send me a message if needed any help. I'll try to reply as soon as possible.


 

Link to comment
  • 2 weeks later...

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.