Поиск В Мобильной Версии

Здравствуйте!
При поиске товара в мобильной версии как исправить:
1) Строка поиска выходит за пределы экрана побокам, как вписать ее в экран?

2) При переходе к результатам поиска попадаем на шапку сайта, как сделать чтобы попадали на уровень страницы где первый найденный товар?

Здравствуйте.

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:

@media only screen and (max-width:480px){
  div#search111 {left: 30px;}

замените на:

@media only screen and (max-width:480px){
  div#search111 {left: 0;width: 100%;}
  div#search111 input{width: 100% !important;}

    
Далее зайдите в шаблон HTML - найдите:

	<div style="float:right;margin-top:15px;">
	
	 <div id="search111" style="display:inline-block;top:-17px;position:relative;">
				 <form id="search_mini_form11" action="http://{NET_DOMAIN}/search" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
					  <!--
					  <button title="Искать" type="submit" value="Поиск" class="button-search" style="margin-right:5px;"></button>
					  -->
					  <input class="theme-color11" style="border:1px solid #ddd;background:#fff;width:300px;padding:3px 10px 3px 10px;" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Воспользуйтесь поиском по сайту...{% ENDIF %}" onfocus="if(this.value=='Воспользуйтесь поиском по сайту...'){this.value='';}" onblur="if(this.value==''){this.value='Воспользуйтесь поиском по сайту...';}" onclick="this.value = &#39;&#39;;"/>
				 </form>
			</div><!--END search-->

            
замените на:

  <div style="float:right;margin-top:15px;">
	<!--search-->
	<div id="search111" style="display:inline-block;top:-17px;position:relative;">
	  <form id="search_mini_form11" action="http://{NET_DOMAIN}/search#ajaxprod" method="get" onsubmit="if($(this).find('#search').val()=='Поиск по магазину...') return false;">
		<input class="theme-color11" style="border:1px solid #ddd;background:#fff;width:300px;padding:3px 10px 3px 10px;" type="text" name="q" value="{% IF SEARCH_QUERY %}{SEARCH_QUERY}{% ELSE %}Воспользуйтесь поиском по сайту...{% ENDIF %}" onfocus="if(this.value=='Воспользуйтесь поиском по сайту...'){this.value='';}" onblur="if(this.value==''){this.value='Воспользуйтесь поиском по сайту...';}" onclick="this.value = &#39;&#39;;"/>
	  </form>
	</div>
	<!--END search-->

Спасибо