Jump to content

How do I create alternative summary blocks for blog posts or manipulate existing for mobile?

Go to solution Solved by KennyWW,

Recommended Posts

I use summary blocks to create selectable options on pages, similar to a sidebar, and have figured out how to do this on pages by creating desktop vs mobile specific sections then adding CSS code to determine which to show vs hide depending on device detected. I want to create the same effect for my blog posts, but there is no option to create sections on blog posts or code injections for individual posts that I can see. So how do I create summary blocks for blog posts on desktop and mobile?

Images 2 and 4 are examples of my pages on desktop and mobile. An how they currently look in a blog post on desktop is image 3 and on mobile image 4. I use the same summary blocks to create menu options on every blog post, so there must be a way to write some universal code that will work across every blog post?

Screenshot 2023-09-11 at 15.47.03.png

Screenshot 2023-09-11 at 15.47.22.png

Screenshot 2023-09-11 at 15.49.22.png

Screenshot 2023-09-11 at 15.49.33.png

Edited by KennyWW
Link to comment
  • 2 weeks 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.