Автор Тема: Как уменьшить ширину горизонтального подменю?  (Прочитано 536 раз)

29 Октябрь 2015, 15:53:29
  • Новичок
  • *
  • Сообщений: 14
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Уважаемые, как настроить стандартное меню, чтобы подменю было не во весь экран, а столбиками под ширину текста? Вобщем как грамотно настроить ширину подменю? Так чтобы в мобильной версии все осталось как было. Престашоп 1.6.
29 Октябрь 2015, 16:18:10
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 1807
  • Репутация: +49/-1
  • Сообщество PrestaShop
    • Просмотр профиля
Ширину изменить можно в файле стилей  /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
.sf-menu > li > ul {
    padding: 26px 30px 31px;
    width: 100%;
}
29 Октябрь 2015, 16:34:09
Ответ #2
  • Новичок
  • *
  • Сообщений: 14
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
Это да, но только при изменении размера экрана, оно тоже остается именно таким как задали, а хотелось бы чтобы при уменьшении как раз было 100%.
29 Октябрь 2015, 16:42:57
Ответ #3
  • Ветеран
  • *****
  • Сообщений: 16667
  • Репутация: +14630/-5
  • Сообщество PrestaShop
    • Просмотр профиля
Для этого задают разные размеры для разных разрешений.
/* Large Devices, Wide Screens */
@media only screen and (max-width : 1200px) {
}
/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {
}
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
}
/* Extra Small Devices, Phones */
@media only screen and (max-width : 480px) {
}
/* Custom, iPhone Retina */
@media only screen and (max-width : 320px) {
}