Set column width on mobile

Wishlist Pricing Table
1

I’d like to control the column width on mobile devices right in the widget’s settings

2 Likes
2

Guys, while this option isn’t available in the settings, you can adjust the width on mobile, you can use one of the codes in the Custom CSS field on the Appearance tab of your widget’s settings:

1. Carousel

.es-layout-carousel-snap-carousel {
    grid-template-columns: unset;
  grid-auto-columns: 70%;
}
}

2. Comparison Table

.es-layout-comparison-table-mobile-snap-carousel {
  grid-template-columns: unset;
  grid-auto-columns: 80%;
}

3. Classic Table

.es-layout-classic-table-snap-carousel {
    grid-template-columns: unset;
  grid-auto-columns: 70%;
}
}

4. Grid

@media (max-width: 500px) {
.es-layout-grid-container {
  width: 70%;
}
}
2 Likes