Автор Тема: Горизонтальное меню  (Прочитано 203 раз)

02 Апреля 2015, 19:29:23
  • Фрилансер
  • *
  • Сообщений: 132
  • Репутация: +0/-0
  • Сообщество PrestaShop
    • Просмотр профиля
В файле стилей /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

.sf-menu > li > a {
  padding: 17px 20px; <- меняю эти отступы для того чтобы выровнять гориз меню
}


В итоге получается такая картина: в хроме на одном компе в одну строчку как надо, на другом где монитор меньше- в две строки, в интернет эксплоеере в две строки
Как сделать чтоб во всех браузерах было красиво в одну строку?
02 Апреля 2015, 22:06:45
Ответ #1
  • Ветеран
  • *****
  • Сообщений: 20853
  • Репутация: +25278/-0
  • Prestashop - просто и эффективно
    • Просмотр профиля
Писать стили для разных разрешений и CSS хаки для разных браузеров.
Посмотрите в этом же файле есть такое
@media (max-width: 767px) {...
@media (max-width: 479px) {...
Эксперт Prestashop - решения всех проблем, написание модулей, создание тем для интернет-магазинов под Prestashop.
Эксперт Magento - создам сайт на Magento, программирование кастомных модулей для Magento, кастомизация тем Magento.
Лучшие цены!!!