# Hide header on mobile

**URL:** <https://community.elfsight.com/t/hide-header-on-mobile/163951>\
**Category:** Instagram Feed\
**Created:** [June 15, 2026, 11:23am UTC](https://community.elfsight.com/t/hide-header-on-mobile/163951 "2026-06-15T11:23:32Z")\
**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:** [June 15, 2026, 11:23am UTC](https://community.elfsight.com/t/hide-header-on-mobile/163951/1 "2026-06-15T11:23:32Z")

</div>

Add the code below to Custom CSS field on your [Instagram Feed](https://elfsight.com/instagram-feed-instashow/) widget’s Style tab:

**Old widget version** (widgets created before Aug 26, 2026)

```auto
@media (max-width: 500px) {
.es-header {
  display: none;
}
}

```

  

**New widget version** (widgets created after Aug 26, 2026) - the **Custom CSS** field is placed on the **Settings** tab

```auto
@media (max-width: 500px) {
.es-header-account-container {
  display: none;
}
}

```