MacUn Posted September 14, 2021 Share Posted September 14, 2021 (edited) 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 September 15, 2021 by mackenzieu added context for the video Link to comment
tuanphan Posted September 16, 2021 Share Posted September 16, 2021 Hi, Can you take some screenshot of cake and pastry? 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
MacUn Posted September 16, 2021 Author Share Posted September 16, 2021 @tuanphan Here's a screenshot. The cake/pastry illustrations are circled. They are pngs. Link to comment
tuanphan Posted September 19, 2021 Share Posted September 19, 2021 On 9/16/2021 at 11:42 AM, mackenzieu said: @tuanphan Here's a screenshot. The cake/pastry illustrations are circled. They are pngs. 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
MacUn Posted September 19, 2021 Author Share Posted September 19, 2021 @tuanphan Thanks for your response! The provided code doesn't seem to be removing the images though. Link to comment
tuanphan Posted September 20, 2021 Share Posted September 20, 2021 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 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
MacUn Posted September 20, 2021 Author Share Posted September 20, 2021 (edited) @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 September 23, 2021 by mackenzieu Update 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