Категории в футере

[Vasiy]

PrestaShop™ 1.6.0.5
Так как категорий много разделил их в футере на два столбика.
все работает нормально на компьютере на всех разрешениях экрана картинка 1.
Когда захожу с мобильника начинается глюк, плюсик с права от
раздела ниже (Информация) уползает вверх и не дает возможности
переключать категории в футере картинка 2.

В css код разделения на два столбца выглядит так

Код: [Выделить]

  .layer1 {
    float: left; /* Обтекание по правому краю */
    width: 60%; /* Ширина слоя */
   }
  #category_footer
  .layer2 {
    float: left; /* Обтекание по правому краю */
    width: 30%; /* Ширина слоя */
   }
Что надо добавить в код, чтобы андроид тоже правильно отрабатывал (плюсик)

[DarinSr]

Нужно добавить стили для разных разрешений. Например, иконка "+ / -" для раскрытия / скрытия  категорий  для мобильных устройств.

Код: [Выделить]

@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";
}
}

[Vasiy]

Спасибо вот такой код решил проблему

Код: [Выделить]

  .layer1 {
    float: left; /* Обтекание по правому краю */
    width: 60%; /* Ширина слоя */
   }
  #categories_block_footer
  .layer2 {
    float: left; /* Обтекание по правому краю */
    width: 30%; /* Ширина слоя */
   }