>
Категории вопросов
Задать вопрос +

Основное

Контент-модули

Продвижение сайта

Управление сайтом

Доп. модули

Вебмастеру

Похожие вопросы



Увеличить размер отступ активных элементов

голоса: 0

На сайте в мобильной версии требуется увеличить отступ между элементами меню и увеличить их размер. Как это выполнить?

Скрин прилагается:

Адрес сайта http://www.belora23.ru/pda
| Автор: | Категория: Дизайн сайта

Ответов: 1

Голоса: +1
 
Лучший ответ

В шаблоны ПДА версии в секцию head вставьте строчку

<meta name="viewport" content="width=device-width, initial-scale=1">

И продите снова проверку где вы нашли все эти требования

| Автор:
Выбор ответа лучшим | | Автор: Yuri_Geruk

Куда код вставлять ? Сюда ? Таблица стилей (CSS) или какое то другое место?

| Автор:
читайте внимательно. в ШАБЛОНЫ
| Автор:
webanet,

Шаблоны для PDA версии сайта ] там целая куча мест куда код можно вставить, можно конкретней? Спасибо

| Автор:
alex1981,
переходим по ссылке - http://www.belora23.ru/panel/?a=tmpl;pda=1 далее в каждой странице шаблоне в блоке <head>здесь</head>
| Автор:
Yuri_Geruk,
| Автор:
alex1981,

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

Либо сделать проще, перейти в Панель управления - Главная - Дизайн - Быстрая замена участков шаблонов. Тип замены(многострочный).
  Что заменить:

<head>

на что:

<head>
<meta name="viewport" content="width=device-width, initial-scale=1">

Жмем на кнопку - Произвести замену, так будет быстрей. 

| Автор:
Yuri_Geruk,

91 / 100Удобство для пользователей

Исправьте по возможности:

Увеличьте размер активных элементов на странице

69 участков заменил и все равно эту ошибку выдает, что не так?

| Автор:
alex1981,

а зачем было 4 раза нажимать на кнопку Произвести замену:

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1"> 
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1">

теперь перейдите в быструю замену снова, только там вставьте в что заменить:

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
 <meta name="viewport" content="width=device-width, initial-scale=1">

на что:

<meta name="viewport" content="width=device-width, initial-scale=1">

не нужно много раз нажимать на кнопку произвести замену, 1 раз достаточно.

| Автор:

смотрите картинку

| Автор:
Yuri_Geruk,

все правильно?

| Автор:
webanet,
сперва заменило в 61 шаблоне, а теперь только в 7?!!! Странно

https://developers.google.com/speed/pagespeed/insights/?url=www.belora23.ru&tab=mobile

я этим проверял
| Автор:
тут вы не сможете полностью удовлетворить этот онлайн сервис
| Автор:
Yuri_Geruk,

В robots.txt надо писать как советуют   

User-agent:Googlebot-Mobile
Allow: /

-----------------------------------

В PDA версию шаблонов после тега TITLE вставьте строчку

<meta name="viewport" content="width=device-width, initial-scale=1">

в файл robots.txt в самый верх вставьте строчку

User-agent:Googlebot-Mobile
Allow: /

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

 

 27.04.2015 | Автор: webanetimage 


 

| Автор:

 

 

91 / 100Удобство для пользователей

 

НИЧЕГО не изменилось, что делать?

Исправьте по возможности:

Увеличьте размер активных элементов на странице

 

 

 

| Автор:
там где вы проверяете полностью не изменится. на 100% этот сервис вам не удовлетворить. сервисы неточные, работают усредненно. я вам дала второй сервис того же гугла, где показывает все в порядке. вам бы стоило заняться отключением рекламы. вот это сразу повысит лояльность пользователей
| Автор:
...