Archived topic

Fixed top bar on mobile only

3 replies · Started by Joseph on February 11, 2020

Viewing posts 1–4 of 4

February 11, 2020 at 5:17 pm #1162394

Trying to get the top bar to be fixed, but on mobile only. Tried this code, but then the topbar crashes over/under the header/nav somehow.

@media (max-width: 768px) {
  .top-bar {
    position: fixed;
    top: 0;
    width: 100%;
  }
}

February 12, 2020 at 3:47 am #1162699

Hi there,

try this:

@media (max-width: 768px) {
    .top-bar {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 100;
    }
}

February 13, 2020 at 2:35 pm #1164617

That worked like a charm! Hopefully I don't break it. :)

February 14, 2020 at 3:43 am #1165009

Haha :) You're welcome

This archived topic is closed to new replies.