верхняя панель в веб-виде сверху, но мобильное основание вместо верхней

Question

Я хотел бы иметь заголовок "верхняя панель" в веб-представлении выше.Но в мобиле не верх, а низ.Как это работает?

спасибо

Answer 1

Вы можете использовать position: fixed для этого.

.top-bar {
  position: fixed;
  bottom: 0;
  left: 0;

  @include breakpoint(medium) {
    top: 0;
    left: 0;
  }
}