Ссылка в меню навигации отправляет пользователя на другую страницу, если мобильный?

Возможно ли, чтобы ссылка в навигационной панели отправляла пользователя на другую страницу, если ширина экрана ниже определенного порога, скажем, 700 пикселей?

Раньше я делал это, добавляя два пункта меню, названных одинаковыми, и спрятал их, когда над размером (700 пикселей), и одним видимым. Затем, когда вы перейдете порог, вы перевернете.

.menu-item-1 { display:block: } .menu-item-2 { display:none; } @media all and (max-width: 699px) { .menu-item-1 { display:none: } .menu-item-2 { display:block; } } 

Это немного упрощено, так как я не знаю ваших фактических номеров пунктов меню, или если они являются встроенными или блочными или встроенными блоками, но это поможет вам приблизиться к идее.

Вы можете добавить добавление css в каждый пункт меню в разделе меню (вам может потребоваться проверить «параметры экрана» в правом верхнем углу, если вы не видите поле css.)