Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Different layouts to display summary blocks on desktop and mobile views


inishmedia1

Question

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

Edited by inishmedia
Initial Revision
Link to post
  • Answers 2
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

2 answers to this question

Recommended Posts

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...