Whispersofawitch Posted March 14, 2022 Share Posted March 14, 2022 (edited) Site URL: http://www.whispersofawitch.co.uk/portfolio Website shows 3 images per row in the gallery blocks Mobile view only shows 1 image per row but i want it to show 3 as well. Tried so many different custom css injections but nothing is changing. Edited March 14, 2022 by Whispersofawitch Link to comment
tuanphan Posted March 15, 2022 Share Posted March 15, 2022 Show 3 images & still keep masonry layout? Is this right? Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Whispersofawitch Posted March 15, 2022 Author Share Posted March 15, 2022 1 hour ago, tuanphan said: Show 3 images & still keep masonry layout? Is this right? Yes, keep the same sort of layout if possible. Link to comment
tuanphan Posted March 16, 2022 Share Posted March 16, 2022 17 hours ago, Whispersofawitch said: Yes, keep the same sort of layout if possible. Add to Design > Custom CSS /* 3 columns masonry on mobile */ @media screen and (max-width:640px) { section#new-page-3 .span-4 { width: 33.3333% !important; float: left !important; } } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Whispersofawitch Posted March 16, 2022 Author Share Posted March 16, 2022 (edited) 12 hours ago, tuanphan said: Add to Design > Custom CSS /* 3 columns masonry on mobile */ @media screen and (max-width:640px) { section#new-page-3 .span-4 { width: 33.3333% !important; float: left !important; } } Thank you so much, The above fixed it for the first page only. Managed to find the other page numbers from the source code. All working now! Edited March 16, 2022 by Whispersofawitch Link to comment
BeenCreating Posted April 2, 2022 Share Posted April 2, 2022 Can anyone help with getting only certain gallery images to show in mobile view, I have 8 images to a gallery on desktop view and on mobile I would only like 4 to show. I use the simple gallery view.? Link to comment
tuanphan Posted April 2, 2022 Share Posted April 2, 2022 8 hours ago, BeenCreating said: Can anyone help with getting only certain gallery images to show in mobile view, I have 8 images to a gallery on desktop view and on mobile I would only like 4 to show. I use the simple gallery view.? Can you share link to page where you use gallery? We can help easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
ScarlettG Posted November 19, 2023 Share Posted November 19, 2023 Can anyone help me with my mobile view - I'm using the gallery block with 3 images and its stacking on mobile. I don't know how to fix it - it looks good on web so would like to keep it this way Link to comment
tuanphan Posted November 22, 2023 Share Posted November 22, 2023 On 11/20/2023 at 5:04 AM, ScarlettG said: Can anyone help me with my mobile view - I'm using the gallery block with 3 images and its stacking on mobile. I don't know how to fix it - it looks good on web so would like to keep it this way If you share link to page where you have problem, we can check easier Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (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