Перейти к содержимому


Форма Поиска И Телефоны В Шапке


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 4

#1 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 13 Февраль 2017 - 10:43

Аккаунт SL-393872
Здравствуйте
Помогите пожалуйста корректно внести изменения в шапку:
1. На сайте нет каталога, поэтому поле поиска по каталогу убираем полностью с сайта. Не комментируем код, а удаляем совсем поиск, если это возможно сделать без вреда сайту.
2. На место поиска ставим блок телефонов увеличив в размере как на скрине.
3. Под блоком телефонов ставим блок email
4. Блок "время работы" убираем полностью
5. То же самое для мобильной версии, убираем поле поиска, заменяем на номера телефонов с увеличенным шрифтом и под телефонами email как на скрине.

Скрин прилагаю.
Спасибо большое!
Изображение
Мобильная версия:

Изображение

#2 Mr.Nito

Mr.Nito

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

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

Отправлено 21 Февраль 2017 - 11:19

Просмотр сообщенияAst (13 Февраль 2017 - 10:43) писал:

Аккаунт SL-393872
Здравствуйте
Помогите пожалуйста корректно внести изменения в шапку:
1. На сайте нет каталога, поэтому поле поиска по каталогу убираем полностью с сайта. Не комментируем код, а удаляем совсем поиск, если это возможно сделать без вреда сайту.
2. На место поиска ставим блок телефонов увеличив в размере как на скрине.
3. Под блоком телефонов ставим блок email
4. Блок "время работы" убираем полностью
5. То же самое для мобильной версии, убираем поле поиска, заменяем на номера телефонов с увеличенным шрифтом и под телефонами email как на скрине.

Скрин прилагаю.
Спасибо большое!
Изображение
Мобильная версия:

Изображение
Здравствуйте.
Извините за долгий ответ.
Изменения по скриншотам произвёл. Проверьте, пожалуйста.

#3 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 21 Февраль 2017 - 11:58

Просмотр сообщенияMr.Nito (21 Февраль 2017 - 11:19) писал:

Здравствуйте.
Извините за долгий ответ.
Изменения по скриншотам произвёл. Проверьте, пожалуйста.

Спасибо огромное! То что надо. Можно вдогонку еще вопрос? Где в css меняется цвет фона меню в мобильной версии? Меню которое под шапкой с черным фоном. Менять не надо, просто подскажите пожалуйста где можно изменить. Спасибо еще раз за помощь!

#4 Mr.Nito

Mr.Nito

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

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

Отправлено 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 Ast

Ast

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

  • Пользователи
  • PipPipPipPip
  • 253 сообщений

Отправлено 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 анонимных