daveneedshelp Posted January 28, 2022 Posted January 28, 2022 Site URL: https://dave.online Hello! I've got a portfolio gallery modeled after https://jackharding.com/projectshttps://www.shortstache.com/personal It looks great on my computer, but it isn't scaling correctly on mobile. I'm trying to get it to scale relatively, similar to their galleries. I'm added code I've found on this forum to get this far, but it may be pretty ugly behind the scenes. Any guidance would be awesome. Thank you so much!https://dave.online/travels pass: 12345
tuanphan Posted January 29, 2022 Posted January 29, 2022 Hi. Can you describe in detail? https://dave.online/travels 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!)
daveneedshelp Posted January 30, 2022 Author Posted January 30, 2022 2 hours ago, tuanphan said: Hi. Can you describe in detail? https://dave.online/travels If you see my gallery on mobile, it's very narrow. I'd like the portfolio images to appear taller, seeing fewer on the screen, like the examples I listed above. Thanks so much.
tuanphan Posted February 3, 2022 Posted February 3, 2022 On 1/30/2022 at 8:49 AM, daveneedshelp said: If you see my gallery on mobile, it's very narrow. I'd like the portfolio images to appear taller, seeing fewer on the screen, like the examples I listed above. Thanks so much. Add to Design > Custom CSS > Then save & reload the site /* mobile portfolio */ @media screen and (max-width:767px) { .portfolio-grid-overlay .grid-item .grid-image, .portfolio-grid-overlay .grid-item { padding-bottom: 50% !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!)
daveneedshelp Posted February 7, 2022 Author Posted February 7, 2022 On 2/3/2022 at 3:27 PM, tuanphan said: Add to Design > Custom CSS > Then save & reload the site /* mobile portfolio */ @media screen and (max-width:767px) { .portfolio-grid-overlay .grid-item .grid-image, .portfolio-grid-overlay .grid-item { padding-bottom: 50% !important; } } That was exactly what I needed. Thank you so much!
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment