I'm open this topic because I'm figuring a problem with our website, where links to some pages are "borken", I mean when I hover them I correctly see the path of the ("a href="...) but nothing happens when I click.
It's a bit weird and I discovered it a few days ago (it was working before the last week).
I can see the behaviour you described above. If the link appears on hover, but it doesn't allow you to click through, then the issue is in the code of your website project. The website code is not handled within Prismic, so you'll need to contact your web developer so they can fix the code of this Next.js project.
If they can share the code for these links we'll be happy to help
My guess from what I could see is that this is a CSS issue where your cursor isn't clicking the anchor link. Because the link is rendered correctly in the anchor tag, so all the Prismic stuff is working correctly.
I think the blog-grid-container class might be blocking this, but since it's a CSS issue, I can't really help you any further.
Let me know if you have any further Prismic questions and I'll be happy to help.
Hey, thank you for telling me that I could be a CSS problem!
I understandood that the problem started to appear after I added a "useMatchMedia" function in my header and apparently this was causing the problem. b
Because, the pages Blog & Artists worked fine on mobile but when I tried on my computer when I clicked on the links nothing appeared until a changed the viewport size to under 1050px, as my "useMatchMedia" function aha!! This is now solved
This function maybe don't work fine with NextJS SSR sites (for those who got the same problem).