nickbarr Posted August 17, 2020 Share Posted August 17, 2020 Site URL: https://www.nickbarr.co Hey all, How do I get single image layout on mobile? I have it set to Masonry Grid with 3 columns in square space, I like the look of desktop view, but not on mobile. It used to be single grid on mobile but recently it change through square space. Any fixes that will help me with mobile layout only? Many thanks! Link to comment
tuanphan Posted August 18, 2020 Share Posted August 18, 2020 Add to Home > Design > Custom CSS @media screen and (max-width:767px) { .homepage { .gallery-masonry-wrapper { height: auto !important; } figure.gallery-masonry-item { position: static !important; width: 100% !important; transform: unset !important; margin-bottom: 20px; } .gallery-masonry-item-wrapper { height: auto !important; } .gallery-masonry-item img { width: 100% !important; } } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
nickbarr Posted August 18, 2020 Author Share Posted August 18, 2020 Genius, thank you so much, looks perfect now! screen shot below. I thought it would fix the gallery link to the image but that still shows up as 2 grid. Anyway to also have that as a single row in mobile view? See the attached image. Link to comment
tuanphan Posted August 19, 2020 Share Posted August 19, 2020 Above code doesn't work? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message How to: Setup Password & Share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care Link to comment
nickbarr Posted August 19, 2020 Author Share Posted August 19, 2020 It did work for the navigation page, but in the linked gallery pages it shows up a grid 2 across. Shown in attached image in previous post. Link to comment
dexterdasilva Posted October 2, 2020 Share Posted October 2, 2020 Did you ever get this figured out? Having the same problem... Link to comment
nickbarr Posted October 3, 2020 Author Share Posted October 3, 2020 No sorry, super annoying. I know it’s an easy fix but can’t figure it out. are you having the same issue? 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