Tomi Posted November 30, 2021 Share Posted November 30, 2021 (edited) Site URL: https://www.positivespaces.com.au/work/mollymook-beach-01 I have a page (see example at link provided) with a 2 column photo grid simple gallery. On my 6th Gen iPad in Portrait orientation, the photos display one under the other. However on my iPhone 7 in Portrait orientation, the two photos display side by side, which makes them very small. See screenshots attached. How can I get the photos to display on the iPhone like they do on the iPad? Edited November 30, 2021 by Tomi Added screenshots Link to comment
Solution tuanphan Posted December 2, 2021 Solution Share Posted December 2, 2021 Add to Design > Custom CSS /* Mollymood beach 1 mobile */ @media screen and (max-width:767px) { body#item-61836de9fbbf585cc58e933b .gallery-grid--layout-grid .gallery-grid-wrapper { grid-template-columns: repeat(1,1fr) !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
Tomi Posted December 4, 2021 Author Share Posted December 4, 2021 @tuanphan, Thank you that worked! I removed #item-61836de9fbbf585cc58e933b so that it would apply to all of my other pages. 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