Layout customization

Is there a way to have List view show up on desktop, but Grid view show up on mobile?

I ask because when List view is displayed on mobile, it creates a big block for the event but the thumbnail remains tiny. In Grid view on mobile it shows the full thumbnail in that space which looks way better.

1 Like

Hi there, @Chris_Gersbeck :wave:

It’s impossible to use the List layout on desktop and Grid on mobile, but you can increase the size of the images for List mobile view.

Please add this code to the Custom CSS field on the Appearance tab of your widget’s settings and let me know if it helped :slightly_smiling_face:

@media screen and (max-width: 768px) {
.eapp-events-calendar-list-item-imageContainer {
height: 128px;
width: 128px;
}
}

You’re a genius. Thank you!

2 Likes

It’s my pleasure :wink: