Links not working properly

Hi,

I’m new to Hugo and I’m having trouble with links placed within the page content.
Live page: Occupational Formations

I’ve created a “Link Test” in green in the first paragraph, but it’s currently not clickable, even though on dev tools you can see it’s being rendered as a link.

I’m using this line of code to generate the link [Link Test](https://gohugo.io "{{% param "category" %}}") inside the page Markdown file.

Any help would be greatly appreciated. Thank you.

Hugo version: hugo v0.151.2
Deployed on Netlify

p.s.: I’ve just noticed the [build.environment] version is different from the hugo version, but I’m not sure if that’s related to the issue.

[build.environment]

HUGO_VERSION = "0.147.7"

NODE_VERSION = "22.16.0"

GO_VERSION = "1.24.3"

This is a CSS issue, not a Hugo issue. Search your CSS for z-index:

image

Then read this:
https://philipwalton.com/articles/what-no-one-told-you-about-z-index/

Then change your z-index values:

  • button divs: 2
  • fade gradients: 1
  • main: auto (or just remove the property)

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.