Nav bar links not clickable on tablet and horizontal mobile

Design help General
1

Hey-

I used a template, and my nav bar opens on tablet and horizontal mode but when i try to click the links in the nav it just closes the nav bar and doesn’t open a new page. It all works fine on desktop and mobile.

https://preview.webflow.com/preview/ag-foundry?utm_medium=preview_link&utm_source=designer&utm_content=ag-foundry&preview=3f3968b5e93ee1e4776513a2faf043e3&workflow=preview

Any help greatly appreciated!

2

Hello @Agrex, welcome to the community!

your links are not being clickable because your Nav Menu Wrapper has a z-index of -1, in mobile portrait mode the z-index is 0, and it work fine there. So just adjust your z-index on the tablet breakpoint from -1 to 0 and the links should work again. I hope this helps!

3

That has immediately fixed it, thank you for the welcome and thank you for solving something I have spent HOURS trying to figure out myself.

4

The issue may be due to a z-index or CSS conflict, where elements overlap the nav links. Check if any element (like a mobile menu toggle) is covering the links, and ensure proper media queries and event handling are applied to prevent interference.