Автор Тема: Категории в футере  (Прочитано 106 раз)

31 Января 2016, 14:39:02
  • Ветеран
  • *****
  • Сообщений: 974
  • Репутация: +5/-0
  • Иногда заглядываю
    • Просмотр профиля
    • Помощь патентообладателям по продаже патентов.
PrestaShop™ 1.6.0.5
Так как категорий много разделил их в футере на два столбика.
все работает нормально на компьютере на всех разрешениях экрана картинка 1.
Когда захожу с мобильника начинается глюк, плюсик с права от
раздела ниже (Информация) уползает вверх и не дает возможности
переключать категории в футере картинка 2.

В css код разделения на два столбца выглядит так
  .layer1 {
    float: left; /* Обтекание по правому краю */
    width: 60%; /* Ширина слоя */
   }
  #category_footer
  .layer2 {
    float: left; /* Обтекание по правому краю */
    width: 30%; /* Ширина слоя */
   }

Что надо добавить в код, чтобы андроид тоже правильно отрабатывал (плюсик)
Не боги горшки обжигают, не зачем им такой хренью заниматься.
31 Января 2016, 15:33:30
Ответ #1
  • Модератор
  • Ветеран
  • *****
  • Сообщений: 86191
  • Репутация: +25412/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Нужно добавить стили для разных разрешений. Например, иконка "+ / -" для раскрытия / скрытия  категорий  для мобильных устройств.
@media (max-width: 767px) {
.footer-container #footer h4 {
position: relative;
margin-bottom: 0;
padding-bottom: 13px;
}
.footer-container #footer h4:after {
display: block;
content: "\f055";
font-family: "FontAwesome";
position: absolute;
right: 0;
top: 1px;
}
.footer-container #footer h4.active:after {
content: "\f056";
}
}
01 Февраля 2016, 09:27:06
Ответ #2
  • Ветеран
  • *****
  • Сообщений: 974
  • Репутация: +5/-0
  • Иногда заглядываю
    • Просмотр профиля
    • Помощь патентообладателям по продаже патентов.
Спасибо вот такой код решил проблему
  .layer1 {
    float: left; /* Обтекание по правому краю */
    width: 60%; /* Ширина слоя */
   }
  #categories_block_footer
  .layer2 {
    float: left; /* Обтекание по правому краю */
    width: 30%; /* Ширина слоя */
   }
Не боги горшки обжигают, не зачем им такой хренью заниматься.