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.
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