My navigation bar on smaller screens (mobile) is gone

  • I have been working on a sticky header + navigation and this worked so far. But now when i minimize my screen from around 769px and smaller the whole navigation bar disappears.

    https://codepen.io/Sjoerd89/pen/yJzkXd

    I have no idea why this is happening, and this makes the site totally useless on mobile devices since they can not acces the navigation.

    Also the adminbar at the top overlaps my header but when i change the CSS with this 

    .custom-fixed-header {
      position: fixed;
      top: 32px;
      width: 100%;
      z-index: 2000;
}

.wpadminbar .custom-fixed-header {
  top: 32px;
}

    But i need it to only go down when the adminbar is there and stay on top when it isn’t.

    But the main focus at this point is, why is my navigation gone ??

    Thanks for your time and have a great day,

    Sjoerd

Viewing 3 replies - 1 through 3 (of 3 total)

  • Please remove css property ‘display: none;’ on line 22 of your style.css

    .menu-toggle, .mobile-bar-items {
    /* display: none; */
    cursor: pointer;
}

    Thanks

    Thread Starter sjoerd89

    (@sjoerd89)

    I can’t seem to find this in my style.css i am working in a child theme

    -edit- found it HERO of the day

    Thread Starter sjoerd89

    (@sjoerd89)

    Sorry to bother people again but the mobile navigation works like a charm again but somehow it stays when it is on normal size. It does not work when you click on it but i want the whole Hamburger thing + menu gone when im not on mobile size i added the whole css from my template not sure if that was needed for you to see it.

    https://codepen.io/Sjoerd89/pen/WxkWBJ

    For anyone who reads this have a great day,

    Sjoerd

    -edit- Just to show you what should not be there on the normal navigation bar but only on mobile format i have this picture

    View post on imgur.com

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘My navigation bar on smaller screens (mobile) is gone’ is closed to new replies.