Перейти к содержанию
kostyrskiy

При наведении не видно подкатегории, нужно скролить вверх

Рекомендуемые сообщения

post-710181-0-26770400-1461926699_thumb.jpg

 

У меня довольно длинный список категорий, так что при наведении на ссылку категории в шапке, если она достаточно низко находится, не видно список подкатегорий - они остаются наверху и нужно скролить. Что менять в header.tpl, чтобы список подкатегорий появлялся рядом со ссылкой на нужную категорию?

 

ССЫЛКА НА САЙТ - http://www.santehnik.in.ua

Изменено пользователем kostyrskiy

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

В header.tpl менять ничего ненужно.

Надо менять в stylesheet.css:869

примерно на следующее

@media (min-width: 992px)
#menu #menu-list > li .child-box {
    display: none;
    background: #fff;
    position: absolute;
    left: 100%;
    /* top: -5px; */
    /* min-height: 100%; */
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 5px 0;
    margin-top: -60px;
         margin-left: -3px;
    box-shadow: 2px 6px 12px rgba(0,0,0,0.4);
    box-sizing: content-box;
    z-index: 1008;
}
Изменено пользователем dade

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Спасибо, теперь работает корректно, что делал min-height я понял, а что top -5px; ?

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

top: -5px позиционировал по верхней границе родительского блока со смещением выше на 5 пикселей

Изменено пользователем kJlukOo

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Похожий контент

    • От bark4ss
      Есть дизайн
      https://www.figma.com/proto/RoraeCr7LufIW5O9TkOMcTpn/Doremi?node-id=1%3A2&scaling=scale-down
      Дизайн адаптивный. Отрисован для десктопа и мобилы
      Необходимо верстка+программирование+наполнить сайт товарами.
      Ваш сайт/портфолио ссылку.
      Предпочтение отдается по релевантности:
      1) Нахождение команды в г.Минск
      2) Способ оплаты - безнал. 50/50 - предоплата/по факту. Если вы выполняете раньше утвержденного срока, то оплата +2% от общей стоимости работ за каждый день. При выходе за сроки выполнения -3% от общей стоимости работ за каждый день.
      3) % выполнения пунктов по ТЗ.
      3) Время выполнения
      4) Стоимость выполнения.
      Просьба, писать по делу. Идет выбор разработчика. Выбор необходимо сделать до 02 ноября 2018г.
      ТЗ-верста+программирование.txt
    • От Yarilo
      Добрый день! У нас есть проблемы вёрстки на шаблоне у страниц категорий. Может кто сталкивался с этим и знает как лечиться такая проблема? Верстальщики пока не знают как избавиться от этого. После полной загрузки страницы, всё становиться нормально. Но посетителей это явно пугает.

    • От litehill
      Добрый день!
      Нужен человек который сможет изменить визуальную часть сайта касательно меню.
      Внешнего вида на мобильной версии. Нужно переделать меню а именно. 
      Вставить его в шапку сайта, пример http://prntscr.com/l7iy63
      функционал открывания меню, оставить тот что и есть сейчас. По сути изменить визуальную часть.
      как на скрине.
      http://prntscr.com/l7iy63
      Это касается только мобильных версий начиная от планшета
      Мой сайт: https://empirebags.com.ua/
    • От seomike
      Требуется программист на доработку проекта http://test.soglasie-ooo.ru/, проект на OpenCart 2.3 шаблолн TechStore (http://tech-store.octemplates.net/).
      Должен быть хороший опыт и умение разбирать сложные объемные задачи (в перспективе, пока только простые)
      Текущие задачи разместил в Google Docs https://docs.google.com/document/d/1G9WVtk6X-NwIBPKyOM0OcIVrw4ffckz0ICIcDIuBRWE/edit?usp=sharing
       
      Требуется оперативное внедрение в течении 1-2 дней по первой части, задачи будут постепенно добавляться, не только по этому проекту, есть еще ряд проектов на OpenCart 2.3.
       
      Со стороны исполнителя нужен также расчет бюджета на реализацию задач, оплата электронными деньгами или с карты на карту если РФ.
    • От nexus
      Адаптивные HTML блоки информации
      Скачать/Купить дополнение Лёгкое создание и управление адаптивными html блоками под любой дизайн шаблона без дополнительных знаний.
      Достаточно указать каждому блоку в цепочке как ему отображаться на сайте.
       
      Демо
      логин: demo
      пароль: demo
       
       
       
       


      Добавил nexus Добавлено 28.02.2018 Категория Меню, дизайн, внешний вид Системные требования Сайт разработчика https://topopencart.ru/ Старая цена Метод активации Без активации Ioncube Loader Нет OpenCart 2.3 ocStore 2.3 OpenCart.Pro, ocShop  
  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.