CSS 在移動屏幕上隱藏子組件

Question

我的消息列表更新了聊天 window 很好。 但是在移動設備上，我希望隱藏我的消息列表，直到用戶點擊返回。

這會導致一個問題，因為如果用戶在桌面上，無限滾動消息列表將重新呈現，導致其列表被刷新（縮小到原始）。

目前正在嘗試使用 css 隱藏“左”div。

 section.inbox .hide-mobile .left {
    display: inline-block !important;
    visibility: visible !important;
  }