Atelier theme - hide grid layout control on desktop only

Shopify Discussion
,
1

Hi everyone,

I’m currently forcing 4 products per row on desktop using custom CSS, which works perfectly. However, because of this, the Grid Layout Control in the theme settings no longer affects the layout on desktop.

Since the layout is now fixed, I’d prefer to hide the Grid Layout Control option for desktop in the theme editor to avoid confusion.

Does anyone know the best way to remove or hide the Grid Layout Control setting for desktop only, while keeping everything else working normally?

Any guidance would be greatly appreciated. Thanks!

URL: RUNWAY

CSS:
@media (min-width: 750px) {
.product-grid {
grid-template-columns: repeat(4, 1fr) !important;
}
}

Screenshot 2026-03-08 at 03.06.50
Screenshot 2026-03-08 at 03.06.501920×1073 129 KB

3

Hi @runwayfashion

I cannot see the grid layout control right now.

image
image1337×544 54.9 KB

5

please this would be great?

6

Ive returned it. Check now

Runway

8

Please add this code to Custom CSS in Theme settings

@media (min-width: 750px) {
.facets .column-options-wrapper {
    display: none !important;
}
}
9

HI thank you this worked!