Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Removing elements in mobile version


mackenzieu

Question

Site URL: https://carrot-bronze-bld8.squarespace.com/

Is there a way to remove specific element when the site is displayed at the mobile breakpoint? I would like these cake and pastry illustrations to ONLY appear on desktop, but NOT on mobile or tablet. See video of how the illustrations behave currently. Many thanks in advance!

Screen Recording 2021-09-14 at 3.18.45 PM.mov

Edited by mackenzieu
added context for the video
Link to comment
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

6 answers to this question

Recommended Posts

  • 0
On 9/16/2021 at 11:42 AM, mackenzieu said:

@tuanphan Here's a screenshot. The cake/pastry illustrations are circled. They are pngs.

Screen Shot 2021-09-15 at 9.40.42 PM.png

Add to Design > Custom CSS

@media screen and (max-width:900px) {
div#page-5fd07b66cb6bfe602c517388 .image-block {
    display: none;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0
20 hours ago, mackenzieu said:

@tuanphan Thanks for your response! The provided code doesn't seem to be removing the images though. 

I see no images on mobile/table here

image.thumb.png.00958e4634c62959fd612dc9f3f74b0d.png

Email me if you have need any help (free, of course.). Answer within 24 hours.

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
  • 0

@tuanphanAh, I was looking at the wrong page! Perfect.  Would you mind explaining where I can find this page ID # for each page? I'm not able to find it in the inspect elements.

div#page-5fd07b66cb6bfe602c517388

There's quite a few pages I need to do this for.  Thanks for all your help

UPDATE: I was able to figure it out with an awesome Chrome plugin called Squarespace ID Finder.

Edited by mackenzieu
Update
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...