Hi, here’s my read-only link. My buttons aren’t clickable! They seem to need to be at a different z-index level but even though I put a 100 z-index level they aren’t clickable. The only things that have fixed positions are the two main sections of my website but that shouldn’t be a problem for relative elements shouldn’t it? Help! I believe my problem comes from the “navsidebars” grid area
It’s because the Contentbars grid has a z-index of 1 and the NavSideBars have a z-index of 2. If you bump up the Contentbars z-index to 3 for example that will do it.
Thank you! I thought I had already tried that but it seems like I totally missed it
Made the adjustments, issue now is that my “navbar” inside “navsidebars” is letting all the content go above it instead of below it how can I have that “navbar” let everything go through below it?? thanks a lot by the way!
@Mauricio_Sola Just looked at the preview link and the
NavSideBars class had a z-index of 0. Can you try increasing it again and let me know if it works for you too.
Well the way this is built is a little unorthodox. I don’t see a reason to have the navbar in one of the grids really. A simple fix would to be just pull it out of the grids like this:
You’ll have to remove the 100% height and adjust as necessary. And I removed the Section 2 div because I don’t really know what it was for. But that makes the navbar and buttons in the body content clickable at least. Hope that helps.
I see! @jmkriz I’ll try to work around that instead. Sounds logical. I was using it inside these grids because they kept the form I needed and I thought that would cut me a lot of problems but it’s actually worse in the end haha. Thank you so much.
And also yes, I know it’s super unorthodox, I’m learning as I go sort of Using Section 2 div to use as the element for the “home” button to become a trigger that pulls you to the top of the page there’s probably a betetr way to to this as well