Jump to content

Different layouts to display summary blocks on desktop and mobile views

Recommended Posts

Hi guys,

I'm trying to get the mobile view of a summary block to appear differently to the desktop view, for a blog site I'm working on.

In short, I want to display the summary block as a standard 'List' view on desktop, and as a standard 'Grid' view on mobile.

If I go with 'List', it's perfect for desktop, but on mobile, the thumbnail is very small. If I go with 'Grid', it's perfect on mobile, but the image is very large on desktop.

Is there some element of CSS you know of that will force the view depending on the device? - mobile is grid, desktop is list on attachments

Thanks in advance!

grid-mobile-small.png.a6a71d1736b7932e4cadf6d75384670d.png

list-desktop-small.png.eeb6c9c9c8518ae6ff3acd175faec444.png

Link to comment
  • 1 year later...
  • Replies 2
  • Views 547
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.