Jump to content

How do I hide a single image in a gallery block on mobile?

Recommended Posts

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;
}
}

 

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

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.