网站 link 无法在 phone 上运行

Website link not working on phone

我有一个已部署的网站,在本地和服务器上都运行良好:

autrecote.be/en

除了菜单(包括描述和联系方式)不起作用但只能在智能手机上使用。

因为我使用的是 Grav CMS,所以我没有做响应式适配,我不知道从哪里开始看。是什么导致链接只能在计算机浏览器上工作?

非常感谢您的帮助

编辑:

感谢下面的回答,我设法找到了错误,这些行在普通菜单的文件中但不在移动菜单中:

确实,我发现了错误,这一行在普通菜单的文件中,但在移动菜单中没有:

<li class='menu-item menu-item-type-post_type'><a href='{{base_url_absolute }}/{{ item.url|replace({"page:":''}) }}'>{{ item.text }}</a></li>

已经可以使用了,非常感谢。

这不是计算机与智能手机浏览器的问题。如果您将桌面浏览器 window 设置得足够小,您将看到相同的行为。 (在 Firefox 中,您可以使用名为 "Responsive Design Mode" 的便捷工具。)

在页面的源代码中,您会看到定义了两个菜单,一个 "normal" 一个和一个 "mobile" 一个(带有带有 3 条水平线的 'hamburger' 图标) .这个菜单似乎有错误的链接:href 值类似于 page:description,而不是实际的页面链接。