Jump to content

Removing elements in mobile version

Recommended Posts

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
  • Replies 6
  • Views 1.6k
  • Created
  • Last Reply

Top Posters In This Topic

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. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

@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...

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.