sabrina_donutdigitalmedia Posted December 17, 2021 Share Posted December 17, 2021 Site URL: https://www.donutdigitalmedia.com/ I have 9 images in a gallery which looks great as 3X3 on desktop, but I don't like how on mobile it does 2X4 with one image hanging alone at the bottom. I want to hide the last image in the gallery on mobile so there's only 8 images. I can't find a specific ID for that last image, only for the entire gallery block. Link to comment
tuanphan Posted December 19, 2021 Share Posted December 19, 2021 On 12/18/2021 at 1:00 AM, sabrina_donutdigitalmedia said: Site URL: https://www.donutdigitalmedia.com/ I have 9 images in a gallery which looks great as 3X3 on desktop, but I don't like how on mobile it does 2X4 with one image hanging alone at the bottom. I want to hide the last image in the gallery on mobile so there's only 8 images. I can't find a specific ID for that last image, only for the entire gallery block. Add to Design > Custom CSS /* Hide last image mobile */ @media screen and (max-width:767px) { [data-section-id="61afc5bfd7b2e570686fbc6a"] figure:last-child { display: none; } } abibacon 1 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment