Rotated text (via CSS) blocked menu items

norcalpulse.com/humboldt/

The script font text - Humboldt County - I originally inserted and used some custom CSS:

transform: rotate(-10deg);

to slant it upwards from bottom left to top right. It worked perfectly except..... It made the right-hand end menu items unclickable. Obviously, it rotated some sort of "box" over the menu bar, so I tried assigning a z index of 1000 to the menu but that didn't work. So, I removed the CSS and the menu worked as expected.

What didn't I do (or did I do!!)?

Hi
this is because your text area (the whole area, not only the visible text) is overlapping the menu
you can add this css code to your page to fix it
CEd

Thanks Ced. That did it. I have a second site www.norcalpulse.com/redding with the same issue, and I had trouble with Chrome not displaying the wrapper IDs on "Inspect". I don't like Edge, but it displayed them. I guess there's a setting in Chrome that's not on?

I don't know I use Firefox !
the ID here is ID1687899292750

Wow! Didn't expect that fast a reply! Thanks, yes, I found it in Edge. I'll try FF next time. Thanks again Ced. As always, your support is second to none!! It would be typical of Chrome to leave something like that out or disable it as a default!!

I use sometimes Chrome, not very often, but in most cases it works too