Редактирование Мобильной Версии (Главного Экрана)
#1
Отправлено 06 Август 2017 - 20:02
Помогите мне пожалуйста решить несколько задач, а то сам я не бум бум !
Мобильная версия сайта Движение
1.Убрать контакты
2 Убрать поиск
3 Убрать корзину
4 Убрать выберите пункт меню
5 Убрать серую "подложку"
6 Немного увеличить и перекрасить в красный вкладку Каталог. Вместо "Каталог" написать "Нажмите чтобы открыть каталог"
Заранее вам спасибо!!!
Аккаунт SL-420210
Вот картинка
#2
Отправлено 07 Август 2017 - 11:55
#3
Отправлено 07 Август 2017 - 15:45
#4
Отправлено 07 Август 2017 - 19:09
#5
Отправлено 08 Август 2017 - 09:44
DenisOFF (06 Август 2017 - 20:02) писал:
Помогите мне пожалуйста решить несколько задач, а то сам я не бум бум !
Мобильная версия сайта Движение
1.Убрать контакты
2 Убрать поиск
3 Убрать корзину
4 Убрать выберите пункт меню
5 Убрать серую "подложку"
6 Немного увеличить и перекрасить в красный вкладку Каталог. Вместо "Каталог" написать "Нажмите чтобы открыть каталог"
Заранее вам спасибо!!!
Аккаунт SL-420210
Вот картинка
Здравствуйте.
Извините за ожидание.
В шаблоне style.css найдите код:
.contacts {float: none;margin: 5px 5px 10px 5px;} #search{display: block;position: relative;float: left;top: 0;right: 0;width: 220px;}
Замените на:
.contacts {display:none;float: none;margin: 5px 5px 10px 5px;} #search{display:none;position: relative;float: left;top: 0;right: 0;width: 220px;}
Найдите код:
.shopping_cart_block {float:right;position: relative;top: 0;right: 0;}
Замените на:
.shopping_cart_block {display: none;float:right;position: relative;top: 0;right: 0;}
Найдите код:
.nav-container{text-align:left;background: none;margin-top: 0}
Замените на:
.nav-container{display: none; text-align:left;background: none;margin-top: 0}
Найдите код:
.infoBox.infoBoxCategory .box-heading {background-color: #999;bottom: 0;position: absolute;width: 245px;z-index: 100;}
Замените на:
.infoBox.infoBoxCategory .box-heading {background-color: #ff0000;bottom: 0;position: absolute;width: 245px;z-index: 100;}
В шаблоне HTML найдите код:
<div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>
Измените текст Каталог на Нажмите, чтобы открыть каталог
#6
Отправлено 08 Август 2017 - 15:14
#7
Отправлено 08 Август 2017 - 16:06
2.А еще когда переворачиваеш телефон горизонтально Контакты залезают на логотип
Помогите исправить !!!!
#8
Отправлено 09 Август 2017 - 14:44
DenisOFF (08 Август 2017 - 16:06) писал:
2.А еще когда переворачиваеш телефон горизонтально Контакты залезают на логотип
Помогите исправить !!!!
2. В конце style.css добавил
@media all and (orientation:landscape) and (max-width: 768px){ span.work-time { display: block; max-width: 112px; } }
#10
Отправлено 10 Август 2017 - 13:08
#11
Отправлено 13 Август 2017 - 10:08
DenisOFF (09 Август 2017 - 17:23) писал:
2. При горизонтальном повороте телефона Контакты залазят на логотип.
В HTML заменил
<div class="infoBox infoBoxCategory"> <div class="box-heading"><a href="{CATALOG_URL}">Каталог</a></div>на
<div class="infoBox infoBoxCategory"> <div class="box-heading"><span>Каталог</span></div>Должно открываться корректно.
2.Проверил отображение для устройств в горизонтальном положении, отображается правильно, возможно проблема в кэше браузера, попробуйте открыть в другом или в режиме инкогнито.
#12
Отправлено 25 Март 2018 - 19:06
#13
Отправлено 01 Апрель 2018 - 11:00
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных