Отключен JavaScript

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

Изменения В Шапке Мобильной Версии

Автор cselon, 06 мая 2018 11:14

мобильная версия главная шапка

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

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

#1 cselon

Продвинутый пользователь

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

Отправлено 06 Май 2018 - 11:14

Помогите пожалуйста произвести изменения в шапке мобильной версии при прокрутке вниз. Сейчас она выглядит так при прокрутке вниз (картинка 1). Необходимо, чтобы выглядела так как на картинке 2. И прокрутка должна быть плавной, не как сейчас (при прокрутке вниз сверху шапка дергается). Изменения должны коснуться только мобильной версии.

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

Наверх

#2 Mr.Nito

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

Модераторы
1 364 сообщений

Отправлено 11 Май 2018 - 10:57

По данному вопросу ответили в онлайн-чате.

Наверх

#3 Михаил Травин

Новичок

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

Отправлено 30 Май 2018 - 12:18

Здравствуйте, мой Аккаунт SL-445266. Помогите внести поправки в мобильную версию. Всё показано на изображении.

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

Наверх

#4 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 31 Май 2018 - 02:20

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

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

#mommenu #menu_offcanvas {position: fixed;top: 0;opacity: 0;filter: alpha(opacity=0);left: -250px;height: 100%;overflow: auto;width: 250px;background: #2d2d2d;color: #b9b9b9;z-index: 9999;}
#mommenu #menu_offcanvas.active {left: 0;opacity: 1;filter: alpha(opacity=100);}
#mommenu #menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#mommenu #menu_offcanvas .mainnav li a {display: block;color: #FFFFFF;font-size: 14px;margin: 0;line-height: 45px;padding: 0 20px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;outline: medium none;border-bottom: 1px solid #565656;}
#mommenu #menu_offcanvas .mainnav li a:hover, #mommenu #menu_offcanvas .mainnav li a.active {background-color: #3f3f3f;}
#mommenu #menu_offcanvas .mainnav li ul.sub {display: none;padding-left: 15px;}
#mommenu #menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#mommenu #menu_offcanvas .mainnav li a .open-menu {cursor: pointer;float: right;position: absolute;right: 10px;top: 4px;padding: 0 10px;color: #fff;}
#mommenu #menu_offcanvas .mainnav li a .open-menu:before {content: "\f067";font-family: 'FontAwesome';font-size: 14px;float:right;}
#mommenu #menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f068";color: #707070;}
#mommenu .canvas-title {background-color: #1f1f1f;padding: 17px 20px 17px;font-size: 20px;cursor: pointer;color: #FFFFFF;border-bottom: 1px solid #565656;}
#mommenu .canvas-title .title {margin-left: 10px;text-transform: uppercase;}
#mommenu .canvas-title i.fa-times {float: right;}

замените на:

#mommenu #menu_offcanvas {position: fixed;top: 0;opacity: 0;filter: alpha(opacity=0);left: -250px;height: 100%;overflow: auto;width: 250px;background: #fff;color: #000;z-index: 9999;}
#mommenu #menu_offcanvas.active {left: 0;opacity: 1;filter: alpha(opacity=100);}
#mommenu #menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#mommenu #menu_offcanvas .mainnav li a {display: block;color: #000;font-size: 14px;margin: 0;line-height: 45px;padding: 0 20px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;outline: medium none;border-bottom: 1px solid #565656;}
#mommenu #menu_offcanvas .mainnav li a:hover, #mommenu #menu_offcanvas .mainnav li a.active {background-color: #fff;}
#mommenu #menu_offcanvas .mainnav li ul.sub {display: none;padding-left: 15px;}
#mommenu #menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#mommenu #menu_offcanvas .mainnav li a .open-menu {cursor: pointer;float: right;position: absolute;right: 10px;top: 4px;padding: 0 10px;color: #000;}
#mommenu #menu_offcanvas .mainnav li a .open-menu:before {content: "\f067";font-family: 'FontAwesome';font-size: 14px;float:right;}
#mommenu #menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f068";color: #000;}
#mommenu .canvas-title {background-color: #fff;padding: 17px 20px 17px;font-size: 20px;cursor: pointer;color: #000;border-bottom: 1px solid #565656;}
#mommenu .canvas-title .title {margin-left: 10px;text-transform: uppercase;}
#mommenu .canvas-title i.fa-times {float: right;}

далее найдите:

.header-middle .logo {text-align: center;float: none;}
.header-middle .col-left {float: right !important;}

замените на:

.header-middle .logo {text-align: center;float: none;margin-left:-20px;}
.header-middle .col-left {float: right !important;}

Наверх

#5 Михаил Травин

Новичок

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

Отправлено 02 Июнь 2018 - 11:31

Здравствуйте, мой Аккаунт SL-445266. Помогите внести поправки в мобильную версию.

Vaccina (31 Май 2018 - 02:20) писал:

Здравствуйте, я захожу в редактор шаблона далее нахожу main.css. но не могу найти данные строчки.
.header-middle .logo {text-align: center;float: none;}
.header-middle .col-left {float: right !important;}

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

#mommenu #menu_offcanvas {position: fixed;top: 0;opacity: 0;filter: alpha(opacity=0);left: -250px;height: 100%;overflow: auto;width: 250px;background: #2d2d2d;color: #b9b9b9;z-index: 9999;}
#mommenu #menu_offcanvas.active {left: 0;opacity: 1;filter: alpha(opacity=100);}
#mommenu #menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#mommenu #menu_offcanvas .mainnav li a {display: block;color: #FFFFFF;font-size: 14px;margin: 0;line-height: 45px;padding: 0 20px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;outline: medium none;border-bottom: 1px solid #565656;}
#mommenu #menu_offcanvas .mainnav li a:hover, #mommenu #menu_offcanvas .mainnav li a.active {background-color: #3f3f3f;}
#mommenu #menu_offcanvas .mainnav li ul.sub {display: none;padding-left: 15px;}
#mommenu #menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#mommenu #menu_offcanvas .mainnav li a .open-menu {cursor: pointer;float: right;position: absolute;right: 10px;top: 4px;padding: 0 10px;color: #fff;}
#mommenu #menu_offcanvas .mainnav li a .open-menu:before {content: "\f067";font-family: 'FontAwesome';font-size: 14px;float:right;}
#mommenu #menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f068";color: #707070;}
#mommenu .canvas-title {background-color: #1f1f1f;padding: 17px 20px 17px;font-size: 20px;cursor: pointer;color: #FFFFFF;border-bottom: 1px solid #565656;}
#mommenu .canvas-title .title {margin-left: 10px;text-transform: uppercase;}
#mommenu .canvas-title i.fa-times {float: right;}

замените на:

#mommenu #menu_offcanvas {position: fixed;top: 0;opacity: 0;filter: alpha(opacity=0);left: -250px;height: 100%;overflow: auto;width: 250px;background: #fff;color: #000;z-index: 9999;}
#mommenu #menu_offcanvas.active {left: 0;opacity: 1;filter: alpha(opacity=100);}
#mommenu #menu_offcanvas .mainnav li {position: relative;padding: 0 0px;}
#mommenu #menu_offcanvas .mainnav li a {display: block;color: #000;font-size: 14px;margin: 0;line-height: 45px;padding: 0 20px;font-weight: 500;letter-spacing: 0.3px;text-align: left;text-transform: capitalize;outline: medium none;border-bottom: 1px solid #565656;}
#mommenu #menu_offcanvas .mainnav li a:hover, #mommenu #menu_offcanvas .mainnav li a.active {background-color: #fff;}
#mommenu #menu_offcanvas .mainnav li ul.sub {display: none;padding-left: 15px;}
#mommenu #menu_offcanvas .mainnav li.active > ul.sub {display: block;}
#mommenu #menu_offcanvas .mainnav li a .open-menu {cursor: pointer;float: right;position: absolute;right: 10px;top: 4px;padding: 0 10px;color: #000;}
#mommenu #menu_offcanvas .mainnav li a .open-menu:before {content: "\f067";font-family: 'FontAwesome';font-size: 14px;float:right;}
#mommenu #menu_offcanvas .mainnav li.active a .open-menu.active:before {content: "\f068";color: #000;}
#mommenu .canvas-title {background-color: #fff;padding: 17px 20px 17px;font-size: 20px;cursor: pointer;color: #000;border-bottom: 1px solid #565656;}
#mommenu .canvas-title .title {margin-left: 10px;text-transform: uppercase;}
#mommenu .canvas-title i.fa-times {float: right;}

далее найдите:

.header-middle .logo {text-align: center;float: none;}
.header-middle .col-left {float: right !important;}

замените на:

.header-middle .logo {text-align: center;float: none;margin-left:-20px;}
.header-middle .col-left {float: right !important;}

Наверх

#6 Михаил Травин

Новичок

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

Отправлено 06 Июнь 2018 - 10:25

Михаил Травин (02 Июнь 2018 - 11:31) писал:

Здравствуйте, мой Аккаунт SL-445266. Помогите внести поправки в мобильную версию.

Сообщение не актуально решил делать по другому.

Наверх

#7 Михаил Травин

Новичок

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

Отправлено 08 Июнь 2018 - 00:04

мой Аккаунт SL-445266 , помогите внести поправки в мобильную версию. Все показано в изображении.

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

Наверх

#8 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 08 Июнь 2018 - 06:58

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

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

.goodsDataOpinionListNavigateTop .button {padding: 8px;}
}
@media all and (max-width: 481px) {

после него пропишите:

  .header-top{height: 85px;}
  .header-middle div{position: initial;}
  .logo{position: absolute;left: 20px;top: -35px;height: 30px;width: 100px;}
#producttabs {top: -96px;}

Наверх

#9 Михаил Травин

Новичок

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

Отправлено 09 Июнь 2018 - 20:32

Здравствуйте, не могу найти данные строчки, подскажите пожалуйста номер строчки.

Наверх

#10 Vaccina

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

Модераторы
24 353 сообщений

Отправлено 10 Июнь 2018 - 07:58

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

Данный код находится на строках 1005-1008

Наверх

#11 Михаил Травин199

Новичок

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

Отправлено 10 Июнь 2018 - 10:48

Здравствуйте. Спасибо всё получилось как я хотел!

Наверх

Обратно в Главная

Темы с аналогичным тегами мобильная версия, главная, шапка

Вопросы работы сервиса StoreLand → Дизайн → Шаблон Маркетплейс → Главная → Добавление В Шапку Сайта Почты И Сделать Крупно Номер Телефона Автор Гость_Art_* , 05 марта 2021 банер, телефон, почта, бренд и 2 еще...	Популярная тема 9 Ответов 886 Просмотров	Vaccina 18 марта 2021
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Добавил Элементы В Шапке Автор Гость_like.hornet.6_* , 22 авг. 2019 шапка, добавить, элементы	0 Ответов 1 538 Просмотров	like.hornet.6 22 авг. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Техно → Изменение общей стилистики → Ссылки На Странице В Шапке Автор Гость_vproekt_* , 10 апр. 2019 шапка	0 Ответов 1 633 Просмотров	vproekt 10 апр. 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Веган → Другое → Главная Страница Для Чайников Автор Гость_Zhanna_* , 02 марта 2019 главная	1 Ответ 1 410 Просмотров	Vaccina 05 марта 2019
Вопросы работы сервиса StoreLand → Дизайн → Шаблон Осень → Нужна Помощь Редактировании Шаблона Осень Автор Гость_Olga1215_* , 16 нояб. 2018 осень, шапка, фон сайта и 4 еще...	0 Ответов 3 136 Просмотров	Olga1215 16 нояб. 2018

Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных

Изменения В Шапке Мобильной Версии

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

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

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

Темы с аналогичным тегами мобильная версия, главная, шапка

Количество пользователей, читающих эту тему: 0

Войти

Google поиск