PrestaShop Forum

Добрый день!

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

Уменьшить шрифт, уменьшить расстояние между ссылками, уменьшить название категорий.

Спасибо!
А размер шрифта и расстояние не подскажете где меняется?

Цитата: coder от 05 февраля 2015, 14:07:07
Файл /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css строка 60

Код Выделить Развернуть

.sf-menu > li > a {
.............
    padding: 17px 20px;
}

padding - это ширина и высота меню.
font-size - это размер шрифта

А размер шрифта в выпадающем меню из горизонтального, подскажите пожалуйста, в каком блоке этого файла меняется?

Размер шрифта, цвет и т.д. все меняется в файле /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css

Нашел, вот в этом блоке было (начиная со строки 138):

.sf-menu > li > ul {
  padding: 26px 30px 31px;
  width: 100%; }
  .sf-menu > li > ul > li > a {
    text-transform: uppercase;
    font: 600 10px/12px "Open Sans", sans-serif;
    color: #333; }
    .sf-menu > li > ul > li > a:hover {
      color: #515151; }

А вертикальное расстояние между выпадающими категориями как поменять?

Цитата: Adik от 08 февраля 2015, 14:38:09

Цитата: coder от 05 февраля 2015, 14:07:07
Файл /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css строка 60

Код Выделить Развернуть

.sf-menu > li > a {
.............
    padding: 17px 20px;
}

padding - это ширина и высота меню.
font-size - это размер шрифта

Уже отвечал на этот вопрос.

Приведенный вами участок кода для пунктов меню, а меня интересует выпадающее меню.
В этом участке кода нужно править, который я привел или нет?
Там 3 значения padding: 26px 30px 31px;
1 - меняет отступ сверху всей группы ссылок на категории внутри блока
2 - отступ слева
2- отступ снизу
А я хочу вертикальное расстояние меньше сделать между самими ссылками внутри выпадающего блока, т.к. много категорий и все не входят, не прибегая к прокрутке.

padding: 26px 30px 31px; // верхнее поле 26px - правое поле 30px - нижнее поле 31px - левое поле 30px
Меньше нужно делать верхнее / нижнее поле для уменьшенния высоты и  правое / левое поле для ширины.

Не то... расстояние между строчками имеется ввиду.
Изменяются только расстояния от краев блока, отмеченные красными стрелочками на скрине. А нужно где зелеными показано поменьше сделать.

Извиняюсь, что вклиниваюсь, но меня тоже волнует данный вопрос...
Может есть вариант убирания длинного горизонтального меню в троеточее, при нажатии на которое появляется остаток?
Или это уже надо кодить прилично?