# Discourse Tab Bar for Mobile

**URL:** https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696
**Category:** Theme component
**Created:** [December 8, 2017, 6:05pm UTC](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696 "2017-12-08T18:05:34Z")
**Posts on this page:** 1
**Showing post:** 182

<div class="post-metadata">

### Author: ![cmdntd](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cmdntd/32/192008_2.png) [@cmdntd](https://meta.discourse.org/u/cmdntd)
#### Post date: [July 28, 2026, 5:10pm UTC](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696/182 "2026-07-28T17:10:05Z")

</div>

It has notice in new core update:

Theme contains code which needs updating. (id:discourse.static-viewport-initialization)

> [@Designing for Different Devices (Viewport Size, Touch/Hover, etc.)](https://meta.discourse.org/t/designing-for-different-devices-viewport-size-touch-hover-etc/367810):
>
> This document outlines the APIs used to adapt Discourse’s user interface for different devices. Viewport Size The most important characteristic to consider is the viewport size. We design “mobile first” and then add customizations for larger devices as needed. The breakpoints we use are: Breakpoint Size Pixels (at 16px body font size) sm 40rem 640px md 48rem 768px lg 64rem 1024px xl 80rem 1280px 2xl 96rem 1536px To use these in an SCSS file, add @use "lib/viewport"; at the t…

---

_[View the full topic](https://meta.discourse.org/t/discourse-tab-bar-for-mobile/75696)._
