18250907 3 Share Posted February 18 Site URL: https://www.themeaningwell.com/ On desktop the gallery is 3 columns here, but in mobile view it becomes 2 columns. Is there a code I can place in the CSS to make it three columns in mobile just like in the desktop view? Thanks so much for any help. Link to post
0 tuanphan 9,593 Share Posted February 19 I see 3 columns on mobile here. Did you solve this? Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 18250907 3 Author Share Posted February 24 On 2/19/2021 at 12:08 PM, tuanphan said: I see 3 columns on mobile here. Did you solve this? No, it still show as two columns on mobile, please see attached. Thanks,. Link to post
0 tuanphan 9,593 Share Posted March 1 On 2/24/2021 at 4:13 PM, 18250907 said: No, it still show as two columns on mobile, please see attached. Thanks,. It looks like you solved this? Also do you want to add space between site title - cart icon? Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 18250907 3 Author Share Posted March 9 On 3/1/2021 at 9:22 PM, tuanphan said: It looks like you solved this? Also do you want to add space between site title - cart icon? I see.. I don't know why it still shows as two columns on iphones. If I can put space between logo and cart that would be great, thank you so much in advance Link to post
0 tuanphan 9,593 Share Posted March 20 On 3/9/2021 at 12:57 PM, 18250907 said: I see.. I don't know why it still shows as two columns on iphones. If I can put space between logo and cart that would be great, thank you so much in advance Ah, sorry for the delay. Just checked again. This is not possible. But if we use code to change masonry to grid on mobile, we can set 3 items/row. Do you want to change to grid on mobile? We will give the code Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
0 18250907 3 Author Share Posted March 22 On 3/20/2021 at 2:18 PM, tuanphan said: Ah, sorry for the delay. Just checked again. This is not possible. But if we use code to change masonry to grid on mobile, we can set 3 items/row. Do you want to change to grid on mobile? We will give the code Yes! Code will be great! Link to post
0 tuanphan 9,593 Share Posted March 24 On 3/22/2021 at 4:29 PM, 18250907 said: Yes! Code will be great! Try adding to Design > Custom CSS /* Masonry to grid mobile */ @media screen and (max-width:767px) { .gallery-masonry-wrapper.gallery-masonry-list--ready { height: auto !important; display: grid; grid-template-columns: repeat(3,1fr) !important; grid-column-gap: 10px; grid-row-gap: 10px; } figure.gallery-masonry-item { position: relative !important; width: 100% !important; transform: unset !important; } .gallery-masonry-item-wrapper { height: 100% !important; } } Email me if you have need any help (free, of course :-D). Answer within 24 hours. How to: Setup password & share url Insert Custom CSS Open Page Header Upload Custom Font Find Block ID, Data Section ID Contact Squarespace Customer Care -- Yup! Link to post
Question
18250907 3
Site URL: https://www.themeaningwell.com/
On desktop the gallery is 3 columns here, but in mobile view it becomes 2 columns. Is there a code I can place in the CSS to make it three columns in mobile just like in the desktop view?
Thanks so much for any help.
Link to post
Top Posters For This Question
4
4
Popular Days
Mar 9
1
Feb 18
1
Mar 20
1
Feb 19
1
Top Posters For This Question
18250907 4 posts
tuanphan 4 posts
Popular Days
Mar 9 2021
1 post
Feb 18 2021
1 post
Mar 20 2021
1 post
Feb 19 2021
1 post
Posted Images
7 answers to this question
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment