Top Navbar is hidden

[israeladam]

Hi, I noticed that the topbar is being invisible, while the dedicated html elements are there:

[madrilene]

Hi! Is this the latest Firefox?
Can you give me more details about your enivronment?

[israeladam]

Hi. Yes it's Firefox 134.0.2 (64-bit) running on Windows 11. Do you need other information?

[madrilene]

Just tested that exact setup with browserstack, but I can't reproduce the error. Have you tried it in a private browser tab? Maybe some addon gets in the way.

[israeladam]

Hi, in private mode on Firefox without extensions the problem still occurs. I also tested on Chrome (Version 133.0.6943.54 (Official Build) (64-Bit), incognito mode, all extensions disabled) and it's there too:

[israeladam]

Hi, just tested on lambdatest to make sure the problem is not on my side and this is the result:

[madrilene]

I'm sure it's not. I just have not been able to reproduce it yet. My guess is that the browser wrongly identifies the menu as the drawer menu that is to be hidden first. Maybe take a look at the dev tools selecting the nav or the ul, and see what is triggering, or share a screenshot.

[Midknight]

I am experiencing this on my iPad. The drawer works well on the iPhone and on my desktop (resizing the browser window). I played around with the viewport sizes and was able to have the drawer menu link show (viewport for the navigation entry at 1080 vs 662) . When the drawer is closed the buttons are touchable but hidden when the sizing of the available space is abundant for it to be horizontal and not stacked.

-- Adding discovery. I added opacity: 1 to the @media screen(navigation) { .mainnav ul { ... opacity: 1;}}
Seemed to have resolved the issue of not seeing the navigation.

[madrilene]

Ah, so it's about activating the drawer! I'll look into that again. Though I believe @israeladam's issue is independent of that

[madrilene]

Can you have a look if this now works for you, @Midknight, @israeladam?

https://deploy-preview-89--eleventy-excellent.netlify.app/

[israeladam]

Works now for me, thank you! :)