网站链接在手机上打不开

Question

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

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>

现在可以使用了，非常感谢。

Answer 1

这不是计算机与智能手机浏览器的问题。如果您将桌面浏览器窗口设置得足够小，您将看到相同的行为。 （在 Firefox 中，您可以使用一个名为“响应式设计模式”的便捷工具。）

在页面的源代码中，您会看到定义了两个菜单，一个是“普通”菜单，一个是“移动”菜单（带有带有 3 条水平线的“汉堡”图标）。正是这个菜单似乎有错误的链接：href 值类似于page:description，而不是实际的页面链接。