html - 在移动视图上，仅在特定页面（潜在客户表单）上将汉堡菜单项替换为电话号码

我希望通过删除菜单栏来减少潜在客户表单页面的干扰。我已经设法使用 CSS 做到这一点。

在桌面上，我们的电话号码显示在屏幕的左上角，这很好，我们想保留，但是在移动设备上，较小的“汉堡”菜单仍然显示。

我已经设法使用以下方法删除它：

.page-id-547 .navbar-toggler {display:none; }

和

但是，当在移动视图上时，我希望它将我们的电话号码显示为可点击的按钮，而不仅仅是在此特定页面上。

href="tel:+44800********" class="btn btn-orange text-dark-blue"><i class="fas fa-phone-alt" aria-hidden="true"></i> 0800 *** ***

标签： htmlcsswordpress

你能编辑html吗？如果是这样，请添加一个带有电话号码的单独链接，然后使用诸如此类的 css 媒体查询将其从桌面隐藏

@media only screen and (min-width : 992px) {
    #new-phone-link{ display:none; }
}