Tabs Not Working on Mobile Portrait

Design help General
1

Hey there,

I’m currently working on a “responsive” showcase on my portfolio, and I cannot for the life of me figure out why my tabs aren’t responding in the mobile-portrait viewport.

I’ve used tabs before, and I’ve never had this issue before, but I’m just very stumped at the moment and can use an extra set of eyes + some advice!

Here is my site Read-Only: https://preview.webflow.com/preview/studiofoxhill?utm_medium=preview_link&utm_source=designer&utm_content=studiofoxhill&preview=ee30c77d0d3b8126d42eaf3e4de05efc&pageId=66465bfd17fb192d7087e768&locale=en&workflow=preview

2

Added context:

It seems like nothing works within the Tab Pane itself either. The screens within the container scroll on all other viewports except Mobile-Portrait.

Hover and active states also aren’t responding :/

3

Okay one more update, I fixed it!

Turns out, there was a layer that was set to relative in the navbar component. Specifically a BG-Overlay that appeared once I opened the mobile menu to create a dark overlay with a blur.

Since it was set to opacity=0%, and the relative z-index was low enough that it wasn’t getting in the way of pretty much all of my other elements…it did happen to be above the tabs!

Anyways, this is fixed now!