Горизонтальное меню.

[sepult]

Добрый день!

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

[DarinSr]

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

[sepult]

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

[Adik]

Файл /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css строка 60

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

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

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

[Agent]

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

[Adik]

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

[Agent]

Нашел, вот в этом блоке было (начиная со строки 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]

Файл /themes/default-bootstrap/css/modules/blocktopmenu/css/superfish-modified.css строка 60

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

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

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

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

[Agent]

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

[Adik]

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

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

[Agent]

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

[qwertisound]

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