Archived topic
Sticky navigation not working on Edge or Brave (Chromium browsers)
3 replies · Started by Xavier Verhoeven on April 6, 2021
My site is working perfectly on Safari and Firefox, but for some reason on Chromium browsers, the sticky navigation isn't appearing. It seems from inspecting the elements that the Javascript is working and switching the nav id to sticky-navigation, but it doesn't fade in to appear (doesn't seem to matter whether it's set to slide, fade or none).
Any ideas what could be causing it? It's mostly a problem because I have another nav below that uses position:sticky with an offset, so I end up with blank space on Chrome browsers.
Oh, it looks like it's something to do with me using backdrop-filter on the element. Works fine without that. I'm investigating further.
Closing this as removing the backdrop-filter fixed it, so I don't think it's a GeneratePress issue.
Hi there,
Yeah, browsers have their own thing that makes the site behave weird.
Nice one. Glad you got it sorted. Thank you for sharing and letting us know.
