CSS позиция: липкое не работает на chrome для android

Question

У меня проблема с навигацией, я хочу позиционировать: липкий даже в мобильных представлениях. Хорошо работает на ноутбуке, но не в chrome для android, вот мой код:

HTML

<nav>

        <ul>
          <li><a href="#">About</a></li>
          <li><a href="#work">Work</a></li>
          <li><a href="#contact">Contact</a></li>
        </ul>

    </nav>

CSS

nav {
  top: 0px;
  height: 70px;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background-color: #BE3144;
  position: sticky;
}
nav ul {
  display: flex;
}
nav li {
  margin: 20px;
  font-size: 1.3rem;
  list-style: none;
}

Пожалуйста, помогите и заранее спасибо!