littlelynx 0 Share Posted March 2 Site URL: https://tarynjohnson.com/illustration I have a page on my website that is a gallery wall. I would like it to display 2 columns when in mobile view (currently it is 1 column). How can I do this? Thanks! (I realize this question has been asked many times - I've tried the code in some of the other responses and it didn't work. Thank you in advance!) Link to post
0 tuanphan 9,575 Share Posted March 6 Hi. Add to Design > Custom CSS /* Summary 2 items mobile */ @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1544994053402_31291 .summary-item-list { display: grid !important; grid-template-columns: repeat(2,1fr) !important; height: auto !important; grid-column-gap: 5px; grid-row-gap: 5px; } div#block-yui_3_17_2_1_1544994053402_31291 .summary-item { width: 100% !important; height: auto !important; position: relative !important; top: 0 !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
littlelynx 0
Site URL: https://tarynjohnson.com/illustration
I have a page on my website that is a gallery wall. I would like it to display 2 columns when in mobile view (currently it is 1 column).
How can I do this? Thanks!
(I realize this question has been asked many times - I've tried the code in some of the other responses and it didn't work. Thank you in advance!)
Link to post
Top Posters For This Question
1
1
Popular Days
Mar 2
1
Mar 6
1
Top Posters For This Question
littlelynx 1 post
tuanphan 1 post
Popular Days
Mar 2 2021
1 post
Mar 6 2021
1 post
1 answer 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