PrestaShop Forum

Уважаемые, как настроить стандартное меню, чтобы подменю было не во весь экран, а столбиками под ширину текста? Вобщем как грамотно настроить ширину подменю? Так чтобы в мобильной версии все осталось как было. Престашоп 1.6.

Ширину изменить можно в файле стилей  /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css
.sf-menu > li > ul {
    padding: 26px 30px 31px;
    width: 100%;
}

Это да, но только при изменении размера экрана, оно тоже остается именно таким как задали, а хотелось бы чтобы при уменьшении как раз было 100%.

Для этого задают разные размеры для разных разрешений.
/* 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) {
}