Etrenoir Posted November 5, 2019 Share Posted November 5, 2019 Hi, Is there a way to have just a certain amount of block(s) shown in mobile function that are normally shown on Desktop? Link to comment
colin.irwin Posted November 5, 2019 Share Posted November 5, 2019 For Squarespace 7.0 - Sure. You need to install this Chrome Extension - https://chrome.google.com/webstore/detail/squarespace-collectionblo/bggpdfnccodbnmcndckmeehdjkjojkde Clicking its icon - - in the address bar shows you the block ids for a page. Copy the ids of the blocks you want to hide on mobile and paste them into the following @media only screen and (max-width:640px) { #blockid1, #blockid2, , #blockid-and-so-on { display: none !important; } } Then paste the result into your custom css area. Note that the block ids in my example above should be deleted and replaced with the ones you copy from your site. Also note that block ids must be separated by commas. If you're looking for a Squarespace Developer, drop me a line. Link to comment
Etrenoir Posted November 5, 2019 Author Share Posted November 5, 2019 @colin.irwin Thanks I'll try it out, and keep you up-to-date if I got questions or anything. 🙂 Link to comment
colin.irwin Posted November 5, 2019 Share Posted November 5, 2019 Ca va If you're looking for a Squarespace Developer, drop me a line. Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.