Daellus Posted April 1, 2017 Share Posted April 1, 2017 (edited) For whatever reason, anytime I use "position: sticky" in whatever form whether it's browser supported or through the Stickyfill.js it breaks the w3-bar navigation menu. w3schools.com obviously has a way to make it work. But I can't. Sticky off - dropdown menu works perfect. Stick ON and the menu button clicks but the dropdown content is not displayed. Or at the very least it's not visible if it is. http://dev.daellusknights.com/index.html <-- Sticky ON (broken) http://dev.daellusknights.com/index2.html <-- Sticky OFF (works) Is this a known issue or am I just missing something. Currently working with MS Edge and latest Chrome on Win 10 Pro (dev) Edited April 1, 2017 by Daellus Link to comment Share on other sites More sharing options...
Daellus Posted April 1, 2017 Author Share Posted April 1, 2017 SOLVED For whatever reason there was an "overflow: hidden;" declaration in the w3.css for the w3-bar class. As soon as I removed that, it started working in Chrome, and then in Edge once I added back in the Stickyfill script. Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now