Отключен JavaScript

У вас отключен JavaScript. Некоторые возможности системы не будут работать. Пожалуйста, включите JavaScript для получения доступа ко всем функциям.

1

Как Сделать Адаптивность Для Разных Разрешений

Автор Ser, 25 апр. 2014 08:27

Авторизуйтесь для ответа в теме

Сообщений в теме: 83

#81 Dars

Активный участник

Пользователи
1 410 сообщений

Отправлено 09 Июнь 2015 - 19:31

sergrider (09 Июнь 2015 - 19:28) писал:

Спасибо. Попробую.

Еще вопрос.

До <head> можно или только после?

Если речь про мета-тэг - только после <head> и перед </head>.

Наверх

#82 sergrider

Активный участник

Пользователи
204 сообщений

ГородРостов на Дону

Отправлено 09 Июнь 2015 - 19:35

Спасибо.

Наверх

#83 Cybernetic

Активный участник

Пользователи
1 014 сообщений

Отправлено 13 Июнь 2015 - 12:26

Добрый день
При разрешении 360×640 и меньше, убрать с главной страницы блоки
- Нравится магазин? (яндекс)
- Новости и статьи
- Мы в социальных сетях

Добавить блок поиска как на рисунке.

Прикрепленные изображения

Наверх

#84 Cupuyc

Активный участник

Пользователи
747 сообщений

Отправлено 13 Июнь 2015 - 15:37

Cybernetic (13 Июнь 2015 - 12:26) писал:

Добрый день
При разрешении 360×640 и меньше, убрать с главной страницы блоки
- Нравится магазин? (яндекс)
- Новости и статьи
- Мы в социальных сетях

Добавить блок поиска как на рисунке.

Здравствуйте, зайдите в админ. панель -> Сайт -> Редактор шаблонов -> Стили -> main.css найдите код:

@media only screen and (max-width: 400px) {
#header #logo {
	 clear: both;
	 float: none;
	 margin: 0 auto;
}
#header #cart {
	 clear: both;
	 left: 0;
	 margin: 0 auto;
	 position: relative;
	 top: 0;
	 text-align: center;
}
.box-category {
display: none;
}
div.tet {
display: none;
}
.time {
	 margin: 0 auto;
}
.callme {
	 display: none;
}
#header #cart .heading {
	 float: none;
	 margin: 0 auto 10px;
	 padding: 0;
}
#header #cart .heading > a {
	 margin: 0 auto;
}
.header_top {
	 display: none;
}

Замените его на:

@media only screen and (max-width: 400px) {
#header #logo {
	 clear: both;
	 float: none;
	 margin: 0 auto;
}
#header #cart {
	 clear: both;
	 left: 0;
	 margin: 0 auto;
	 position: relative;
	 top: 0;
	 text-align: center;
}
.box-category {
display: none;
}
div.tet {
display: none;
}
.time {
	 margin: 0 auto;
}
.callme {
	 display: none;
}
#header #cart .heading {
	 float: none;
	 margin: 0 auto 10px;
	 padding: 0;
}
#header #cart .heading > a {
	 margin: 0 auto;
}
#column-left {
	 display: none;
}

.links {
display: none;
}

#header #search input {
	width: 58%;
}