# Set column width on mobile

**URL:** <https://community.elfsight.com/t/set-column-width-on-mobile/105185>\
**Category:** Pricing Table\
**Tags:** Gathering-Feedback\
**Created:** [March 5, 2025, 11:33am UTC](https://community.elfsight.com/t/set-column-width-on-mobile/105185 "2025-03-05T11:33:33Z")\
**Posts on this page:** 2\
**Page:** 1

<div class="post-metadata">

**Author:** ![user21634](https://avatars.discourse-cdn.com/v4/letter/u/8edcca/32.png) [@user21634](https://community.elfsight.com/u/user21634)\
**Post date:** [March 5, 2025, 11:33am UTC](https://community.elfsight.com/t/set-column-width-on-mobile/105185/1 "2025-03-05T11:33:33Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Max](https://sea2.discourse-cdn.com/flex020/user_avatar/community.elfsight.com/max/32/710_2.png) [@Max](https://community.elfsight.com/u/Max)\
**Post date:** [March 5, 2025, 11:50am UTC](https://community.elfsight.com/t/set-column-width-on-mobile/105185/2 "2025-03-05T11:50:37Z")

</div>

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**

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

```

  

**2. Comparison Table**

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

```

  

**3. Classic Table**

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

```

  

**4. Grid**

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

```