clockyer Posted December 10, 2021 Share Posted December 10, 2021 Site URL: https://thecwordcomms.co.uk/my-work/the-lion-at-west-pennard I have just launched a website, and I'm having issues with the layout of a portfolio page on mobile. On a desktop, the gallery on the portfolio shows two columns of images, which is correct. However, on a mobile I want this to become a single column - as this would also allow visitors to read the full caption. Here is one of the portfolio pages as an example: https://thecwordcomms.co.uk/my-work/the-lion-at-west-pennard Does anyone else have this issue or know some coding to resolve this. Thanks in advance and to everyone for sharing their expertise on this forum. Thanks Link to comment
Beyondspace Posted December 10, 2021 Share Posted December 10, 2021 (edited) 1 hour ago, clockyer said: Site URL: https://thecwordcomms.co.uk/my-work/the-lion-at-west-pennard I have just launched a website, and I'm having issues with the layout of a portfolio page on mobile. On a desktop, the gallery on the portfolio shows two columns of images, which is correct. However, on a mobile I want this to become a single column - as this would also allow visitors to read the full caption. Here is one of the portfolio pages as an example: https://thecwordcomms.co.uk/my-work/the-lion-at-west-pennard Does anyone else have this issue or know some coding to resolve this. Thanks in advance and to everyone for sharing their expertise on this forum. Thanks Do you mean this result? Try adding to Your Home > Design > Custom Css @media only screen and (max-width: 767px) { section[data-section-id="61b32085fb56f51804d9ef9d"] .gallery-grid-wrapper { grid-template-columns: repeat(2, 1fr) !important; } } Let me know how it works on yours it Press 👍 or mark this answer as solution to help another one too Edited December 10, 2021 by bangank36 BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
clockyer Posted December 10, 2021 Author Share Posted December 10, 2021 Brilliant thanks so much! That’s really useful. I actually redesigned the page using a gallery section. Thanks. Are you able to help me with my other question about inverting my logo on mobile other than my homepage? Thanks Link to comment
Beyondspace Posted December 10, 2021 Share Posted December 10, 2021 6 hours ago, clockyer said: Brilliant thanks so much! That’s really useful. I actually redesigned the page using a gallery section. Thanks. Are you able to help me with my other question about inverting my logo on mobile other than my homepage? Thanks I've given a solution on your post, kindly try it and check if it works properly on your site Hope it helps BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date picker form field) 💫 Gallery block 7.1 workaround 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment