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


Нужно Убрать Поле Под Основным Меню


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

#1 Антон 5554

Антон 5554

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

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

Отправлено 11 Январь 2018 - 23:31

Здравствуйте, уже голову сломал. помогите удалить поле под кнопками основного меню. Во вложении два примера, в одном красным выделил поле для удаления, во втором примере то как должно быть. помогите пожалуйста. спасибо.

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

  • summer_label30 — копия — копия (2) — копия.png
  • summer_label30 — копия — копия (2).png


#2 metry

metry

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

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

Отправлено 12 Январь 2018 - 09:44

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 18px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}

замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}

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

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}

замените на:

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}

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

#menu {position: relative;margin: 0 0;max-height: 80px;}

замените на:
#menu {position: relative;margin: 0 0;max-height: 140px;}


#3 Антон 5554

Антон 5554

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

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

Отправлено 12 Январь 2018 - 11:25

Просмотр сообщенияmetry (12 Январь 2018 - 09:44) писал:

Добрый день. Для внесения изменений зайдите в Редактор шаблонов-->main.css и найдите:

#custommenu ul.mainnav li.level0 > a {display: block;padding: 18px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}

замените на:
#custommenu ul.mainnav li.level0 > a {display: block;padding: 8px 10px;font-size: 130%;font-weight: normal;-webkit-border-radius: 0px;-moz-border-radius: 0px;border-radius: 0px;position: relative;color: #FFF;border: 0px solid transparent;}

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

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 80px;overflow: hidden;}

замените на:

#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}

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

#menu {position: relative;margin: 0 0;max-height: 80px;}

замените на:
#menu {position: relative;margin: 0 0;max-height: 140px;}

Здравствуйте, сделал как указанно Вами. не получилось. меню стало шире.и в несколько строк но мне нужно чтобы оно было в одну строку. Которая должна быть не тоньше и не тоще иконок корзины и сравнения товаров. Посмотрите пожалуйста, буду очень признателен.

#4 metry

metry

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

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

Отправлено 12 Январь 2018 - 17:29

Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
@media all and (min-width: 992px) {		
.container.head_menu{width:100%}
.container.head_menu .col-md-10{width:85.3%}
.container.head_menu .col-md-2{width:14.6%}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu{margin-left:1%;width:98%}
}


#5 Антон 5554

Антон 5554

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

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

Отправлено 12 Январь 2018 - 23:19

Просмотр сообщенияmetry (12 Январь 2018 - 17:29) писал:

Для внесения изменений зайдите в Редактор шаблонов-->main.css и в конец кода вставьте:
@media all and (min-width: 992px) {
.container.head_menu{width:100%}
.container.head_menu .col-md-10{width:85.3%}
.container.head_menu .col-md-2{width:14.6%}
#custommenu ul.mainnav li.parent:hover ul.dropdown-menu{margin-left:1%;width:98%}
}


Здравствуйте,  во вложении скрин того что получилось. Меню в две строки и растянулось на 100%. Это не совсем то что мне необходимо. Нужно в одну строку и не шире сайта) . Спасибо

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

  • summer_label30 — копия — копия (3) — копия.png


#6 Danil

Danil

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

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

Отправлено 13 Январь 2018 - 13:36

Просмотр сообщенияАнтон 5554 (12 Январь 2018 - 23:19) писал:

Здравствуйте,  во вложении скрин того что получилось. Меню в две строки и растянулось на 100%. Это не совсем то что мне необходимо. Нужно в одну строку и не шире сайта) . Спасибо
Здравствуйте.
Разместить такое кол-во категорий в одну строку по ширине контента(1200px) не получиться.

#7 Антон 5554

Антон 5554

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

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

Отправлено 13 Январь 2018 - 15:20

Просмотр сообщенияDanil (13 Январь 2018 - 13:36) писал:

Здравствуйте.
Разместить такое кол-во категорий в одну строку по ширине контента(1200px) не получиться.

здравствуйте, нет нет. изначально в вашем шаблоне, отображалось то , что влезало. т.е было также две строчки но вторая была вне поля видимости ниже. вот мне нужно также но что бы полоса была уже по высоте и не шире сайта, меню в одну строчку.

#8 Danil

Danil

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

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

Отправлено 13 Январь 2018 - 17:14

Просмотр сообщенияАнтон 5554 (13 Январь 2018 - 15:20) писал:

здравствуйте, нет нет. изначально в вашем шаблоне, отображалось то , что влезало. т.е было также две строчки но вторая была вне поля видимости ниже. вот мне нужно также но что бы полоса была уже по высоте и не шире сайта, меню в одну строчку.
Попробуйте сделать следующее:
в main.css найдите код
#menu #mainnav {position: static;float:left;}
и замените на
#menu #mainnav {position: static;float:left;margin-top: 10px;}
найдите код
#menu {position: relative;margin: 0 0;max-height: 140px;}
и замените на
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}
так же найдите и удалите код
.container.head_menu{width:100%;}


#9 Антон 5554

Антон 5554

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

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

Отправлено 13 Январь 2018 - 18:42

Просмотр сообщенияDanil (13 Январь 2018 - 17:14) писал:

Попробуйте сделать следующее:
в main.css найдите код
#menu #mainnav {position: static;float:left;}
и замените на
#menu #mainnav {position: static;float:left;margin-top: 10px;}
найдите код
#menu {position: relative;margin: 0 0;max-height: 140px;}
и замените на
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}
так же найдите и удалите код
.container.head_menu{width:100%;}

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

#10 Vaccina

Vaccina

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

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

Отправлено 18 Январь 2018 - 08:35

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}

замените на:
#menu {position: relative;margin: 0 0;max-height: 55px;}

далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}

замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;white-space: nowrap;}

далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}

замените на:
#custommenu ul.mainnav li.level0 {display:inline-block;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}


#11 Антон 5554

Антон 5554

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

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

Отправлено 18 Январь 2018 - 14:27

Просмотр сообщенияVaccina (18 Январь 2018 - 08:35) писал:

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

Зайдите в раздел Сайт - Редактор шаблонов - main.css - найдите:
#menu {position: relative;margin: 0 0;max-height: 55px;overflow: hidden;}

замените на:
#menu {position: relative;margin: 0 0;max-height: 55px;}

далее найдите:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;}

замените на:
#custommenu ul.mainnav {margin: 0;padding: 0;list-style: none;max-height: 140px;overflow: hidden;white-space: nowrap;}

далее найдите:
#custommenu ul.mainnav li.level0 {display:block;float:left;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}

замените на:
#custommenu ul.mainnav li.level0 {display:inline-block;border: none;position: static;text-align: left;padding: 0px 0px 0px 0px;}

благодарю Вас))




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

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