Crumpy Posted July 24 Share Posted July 24 My client wanted hundreds of pictures posted directly on a page. So, I added 2 separate gallery blocks. Now, on his deviced (a MacBook Pro and iPhone), a huge amount of dead space is appearing BETWEEN gallery block #1 and #2 -- and there's also extra space BELOW gallery block #2. Suggestions for how to fix this, which seems to only be an issue on certain screen sizes? Thank you! 🙂 Link to comment
HoaLT Posted July 25 Share Posted July 25 5 hours ago, Crumpy said: My client wanted hundreds of pictures posted directly on a page. So, I added 2 separate gallery blocks. Now, on his deviced (a MacBook Pro and iPhone), a huge amount of dead space is appearing BETWEEN gallery block #1 and #2 -- and there's also extra space BELOW gallery block #2. Suggestions for how to fix this, which seems to only be an issue on certain screen sizes? Thank you! 🙂 Can you provide the URL with a protected password (in case this site is not published yet) so we can check it more easily? Press 👍 or mark my comment as solution if you find my sharing useful 🆒 Squarespace pinchzoom lightbox plugin (affiliate link) 👁🗨 360 degree photo viewer (affiliate link) Link to comment
Crumpy Posted July 25 Author Share Posted July 25 @HoaLT Apologies for not including the URL. Here it is: https://www.framepower.nz/photo-portfolio Link to comment
tuanphan Posted July 27 Share Posted July 27 With #2, try this code to Website Tools > Custom CSS @media screen and (max-width:767px) { .fe-6646db076f7f873761b44955 { grid-template-rows: repeat(120, minmax(24px, auto)) !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
Crumpy Posted July 30 Author Share Posted July 30 @tuanphan Thank you for taking the time to respond! That code didn't change anything, BUT.... I found code from another post (copied below) that you responded to, which did lessen the problem. So, thank you!! /* fill section */ .fe-6646db076f7f873761b44955 { --inset-padding: 0 !important; } tuanphan 1 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