Сайт содержит меню, в котором название открытой страницы делается неактивным и меняет цвет.

Мобильная версия формируется с помощью медиа-файла, и в этом случае меню занимает весь экран телефона. И посетители сетуют, что они не понимают работы мобильной версии сайта. То есть, они в мобильной версии кликают в меню на какую-то страницу и видят всё то же самое, только ссылка, на которую они кликнули, стала другого цвета. А полистать вниз они, почему-то, не догадываются!

Как выход из этой ситуации нужно бы сделать как-то так, чтобы (в мобильной версии) при клике на ссылку меню был переход не на верх открытой страницы, а сразу на тег Н1.

Переделать для этого все страницы, вписав якорь в каждую из них, нереально.

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

Скрипт-то сделать можно. После загрузки страницы смотри, что ширина браузера меньше какой-то и пролистывай.

А не проще ли сделать так, чтобы в мобильной версии это меню было изначально свёрнуто в значок?

_____________
* Хэлп по PHP
* Описалово по JavaScript
* Хэлп и СУБД для PostgreSQL

* Обучаю PHP, JS, вёрстке. Интерактивно и качественно. За разумные деньги.

* "накапливаю умение телепатии" (С) и "гуглю за ваш счет" (С)

Я ничего не понял, но всё равно спасибо, что откликнулись.

Я изначально сделал так:

<script src="/js/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
var h = document.getElementsByTagName('h1')[0];
h.scrollIntoView(true);
</script>

Это работает.

Ширина экрана:

scr_w=screen.width;

Как сделать, чтобы если ширина больше 300рх, то тогда выполняется этот скрипт скроллинга?

<script src="/js/jquery-1.7.1.min.js"></script> 
<script type="text/javascript"> 
var scr_w=screen.width; 
if (scr_w < 650) { 
var h = document.getElementsByTagName('h1')[0]; 
h.scrollIntoView(true); 
} 
</script>