Как сделать открытие не главной страницы при экране менее 700px?

Можно реализовать это при помощи, например, JavaScript.
Вставь перед закрывающим тэгом </head> в код индексной страницы следующий код:

<script type="text/javascript">
<!--
if (screen.width <= 699) {
document.location = "mobile.html";
}
//-->
</script>

Посетители с экраном шириной менее 700px будут редиректиться на страницу mobile.html

Взято отсюда.