Jump to content

How to edit mobile view only?

Recommended Posts

Hi guys, recently I made this website about puzzles - www.puzzlereview.com.

On the home page at the bottom I have links for RSS, facebook and a newsletter block. I think in desktop/tablet view it doesn't look too bad (if you have suggestions for visual improvement, please let me know), but in mobile view these three get stacked on top of each other and stretched width-wise. This makes the facebook button abnormally large and doesn't look good. Can I edit the mobile view only so that the RSS and the facebook buttons still appear next to each other on phones?

Also, for the blocks above them, Squarespace first puts the pictures on top and then the Markdown blocks with the text underneath below. Can I rearrange this order as well?

Thanks, Artur

Edited by scoobie
Link to comment

Other than the order of blocks Squarespace doesn't offer a huge amount of control over the size of blocks on mobile.

This page describes your available options:https://support.squarespace.com/hc/en-us/articles/205815288

This topic is quite subtle in the way it works, so I'd recommend you talk with Squarespace support to see if they tweek that Facebook block. I'd be interested in knowing how you/they get the Facebook block looking right so please post an update.

Edited by scoobie
Link to comment

Hi and thanks for your answer. This is what SSCS replied:

There is not a way to edit or adjust individual blocks on mobile or otherwise that is built in.In order to customize the mobile view or individual blocks it will require custom coding.Please note that adding CSS or custom code on Squarespace is an advanced modification. We recommend that you have coding knowledge before attempting to use custom coding.Third-party services or custom code falls outside the scope of the support we are able to offer.Alignment Question:There is a way to change the layout for the text/markdown/image blocks for the categories of puzzles' sections.At the moment the image is wrapped in the text similar to quote. Like described in this guide:

Wrapping Text or Image within Text

If the Image Block is placed beside the Text it will put the image below the text when viewed in mobile.The nature of our mobile styles will place blocks atop one another from left to right.I hope that helps to clarify. Please let me know if I can help with anything else.

Link to comment
  • 1 year later...
  • 3 years later...
17 hours ago, tentworks_interactive said:

Does anyone know where to get the CSS code for this?

Can you describe your problem in detail? We can help easier.

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

funny that its 4 years later and the ability to edit different screen sizes still doesn't exist. I believe wordpress has the ability to edit different screen views (for anybody that doesn't know how to fix this with JS and CSS). I thought the whole point of wysiwygs was to make this fast and simple?

And why has the scam comment that links you to remote desktop not been removed?? is this normal on squarespace forums?

Really disliking squarespace more and more each day. I'm def going to try and convince my clients to use something else for now on -_-

Link to comment
  • 1 month later...

Really disliking squarespace more and more each day. I'm def going to try and convince my clients to use something else for now on -_-


It's funny, I was never tempted to use Squarespace because the product always seemed crappy. Having used it for the last week, and realizing that I was absolutely right. This particular problem is yet another reason to stay away.

Link to comment
  • 5 months later...
  • 1 year later...

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.