# Change widget's width on mobile

**URL:** <https://community.elfsight.com/t/change-widgets-width-on-mobile/140200>\
**Category:** Event Calendar\
**Created:** [October 1, 2025, 2:40pm UTC](https://community.elfsight.com/t/change-widgets-width-on-mobile/140200 "2025-10-01T14:40:42Z")\
**Posts on this page:** 1\
**Page:** 1

<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:** [October 1, 2025, 2:40pm UTC](https://community.elfsight.com/t/change-widgets-width-on-mobile/140200/1 "2025-10-01T14:40:42Z")

</div>

Add this code to the Custom CSS field on the Style tab of your [Event Calendar](https://elfsight.com/event-calendar-widget/) widget’s settings:

```auto
@media (max-width: 500px) {
[class*='WidgetBackground__Wrapper-sc'] {
padding: 40px 0 !important;
}
}

```