Stack job board on mobile

Ask the Community Customization
1

When I use job board in grid format, the mobile view makes it so you cannot view the card at all. Think it would make sense to have the option to have th cards stacked.

3

Hi there, @Cort_D :waving_hand:

I’ve checked the mobile view in the widget editor and it looks fine — cards are stacked vertically and visible:

image
image357Ă—958 36.6 KB

I guesss, the issue occurs only on the page where the widget is installed, right? If so, please send me a link to this page. I’ll be happy to look into this :slightly_smiling_face:

4

Hi Max, that is because I changed it to “List.” However, on desktop, it looks better set to the “Grid” layout. The issue is that on mobile, the Grid layout looks like the image I included below. Obviously, this isn’t functional, so I had to change it back to the List layout.

5

Got it, thanks!

Please select the Grid layout in the settings and add this code to the Custom CSS field on the Appearance tab of your widget’s:

@media (max-width: 480px) {
[class*="Grid__GridContainer-sc"] {
grid-template-columns: 1fr !important;
}

.es-widget-background-wrapper {
padding: 10px !important;
}
}

This will help you use the Grid layout on desktop and stack cards vertically on mobile :slightly_smiling_face: