Аккаунт SL-393872
Здравствуйте
Помогите пожалуйста корректно внести изменения в шапку:
1. На сайте нет каталога, поэтому поле поиска по каталогу убираем полностью с сайта. Не комментируем код, а удаляем совсем поиск, если это возможно сделать без вреда сайту.
2. На место поиска ставим блок телефонов увеличив в размере как на скрине.
3. Под блоком телефонов ставим блок email
4. Блок "время работы" убираем полностью
5. То же самое для мобильной версии, убираем поле поиска, заменяем на номера телефонов с увеличенным шрифтом и под телефонами email как на скрине.
Скрин прилагаю.
Спасибо большое!
Мобильная версия:
2
Форма Поиска И Телефоны В Шапке
Автор Ast, 13 февр. 2017 10:43
Сообщений в теме: 4
#1
Отправлено 13 Февраль 2017 - 10:43
#2
Отправлено 21 Февраль 2017 - 11:19
Ast (13 Февраль 2017 - 10:43) писал:
Аккаунт SL-393872
Здравствуйте
Помогите пожалуйста корректно внести изменения в шапку:
1. На сайте нет каталога, поэтому поле поиска по каталогу убираем полностью с сайта. Не комментируем код, а удаляем совсем поиск, если это возможно сделать без вреда сайту.
2. На место поиска ставим блок телефонов увеличив в размере как на скрине.
3. Под блоком телефонов ставим блок email
4. Блок "время работы" убираем полностью
5. То же самое для мобильной версии, убираем поле поиска, заменяем на номера телефонов с увеличенным шрифтом и под телефонами email как на скрине.
Скрин прилагаю.
Спасибо большое!
Мобильная версия:
Здравствуйте
Помогите пожалуйста корректно внести изменения в шапку:
1. На сайте нет каталога, поэтому поле поиска по каталогу убираем полностью с сайта. Не комментируем код, а удаляем совсем поиск, если это возможно сделать без вреда сайту.
2. На место поиска ставим блок телефонов увеличив в размере как на скрине.
3. Под блоком телефонов ставим блок email
4. Блок "время работы" убираем полностью
5. То же самое для мобильной версии, убираем поле поиска, заменяем на номера телефонов с увеличенным шрифтом и под телефонами email как на скрине.
Скрин прилагаю.
Спасибо большое!
Мобильная версия:
Извините за долгий ответ.
Изменения по скриншотам произвёл. Проверьте, пожалуйста.
#3
Отправлено 21 Февраль 2017 - 11:58
Mr.Nito (21 Февраль 2017 - 11:19) писал:
Здравствуйте.
Извините за долгий ответ.
Изменения по скриншотам произвёл. Проверьте, пожалуйста.
Извините за долгий ответ.
Изменения по скриншотам произвёл. Проверьте, пожалуйста.
Спасибо огромное! То что надо. Можно вдогонку еще вопрос? Где в css меняется цвет фона меню в мобильной версии? Меню которое под шапкой с черным фоном. Менять не надо, просто подскажите пожалуйста где можно изменить. Спасибо еще раз за помощь!
#4
Отправлено 21 Февраль 2017 - 14:18
Изменить цвет меню можно в файле style.css
блок
Далее для разрешения
блок
@media only screen and (min-width: 480px) and (max-width: 767px) {ниже во всех 3х строках нужно изменить цвет ( #000000 и #000 - чёрный цвет)
#header .nav-container .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer} #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
Далее для разрешения
@media only screen and (max-width: 479px) {ниже
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer} .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}#000000 и #000 - чёрный цвет
#5
Отправлено 21 Февраль 2017 - 14:21
Mr.Nito (21 Февраль 2017 - 14:18) писал:
Изменить цвет меню можно в файле style.css
блок
Далее для разрешения
блок
@media only screen and (min-width: 480px) and (max-width: 767px) {ниже во всех 3х строках нужно изменить цвет ( #000000 и #000 - чёрный цвет)
#header .nav-container .nav_block_head_field{width: 420px;padding-left:10px;background-color: #000000;float:left;height:36px;color: #fff;outline: none;text-decoration: none;line-height:36px;cursor:pointer} #header .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} #header .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 460px;display:none;position:absolute;top:36px;left:0;z-index:99999;}
Далее для разрешения
@media only screen and (max-width: 479px) {ниже
.nav-container .nav_block_head_field{width:250px;padding-left:10px;padding-right: 10px;background-color: #000000;float:left;height:36px;color: #868686;outline: none;text-decoration: none;line-height:36px;cursor:pointer} .nav-container .menu_block_head_button{background: url('http://s35510.storeland.net/select-icons1.png?design=movement') 10px 15px no-repeat #000;display: block;float:left;height: 36px;outline: none;width: 30px;cursor:pointer} .nav-container .menu_block_dropdown{background-color: #000;list-style: none;margin: 0;padding: 15px 0 0 0;width: 300px;display:none;position:absolute;top:36px;left:0;z-index:99999;}#000000 и #000 - чёрный цвет
Спасибо большое!
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных