Ответить Новая тема Новый опрос 
 Горизонтальное меню
tigerekb
Новичок
Сообщений: 23
Регистрация: 27-10-2018


26-03-2019 21:52
Приветствую всех!

Кто может подсказать, чтобы колонки с категориями отображались друг под другом.

Спасибо.


Изображения:
Безымянный.png - Размер файла38.92KB, Скачиваний: 212 (Нажмите для увеличения)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
tigerekb
Новичок
Сообщений: 23
Регистрация: 27-10-2018


26-03-2019 22:27
А нужно чтобы так показывало

http://i.imgur.com/96DdvNI.png
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Triton63


Профессионал
Сообщений: 886
Откуда: Оренбург
Регистрация: 28-05-2011


26-03-2019 23:04
Админка - Категории - Детские товары
Выстройте позиции в этой категории по количеству имеющихся в ней подкатегорий
от большего к меньшему
Детская комната
Детское питание
Подгузники и пеленки
Здоровье и уход за малышом
и т.д.
 



Интернет-магазин ионизатор воздуха ЭкоЮнит: Лампа Чижевского
shop.aeroion.ru
-------------------------------------------------------------------------------
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
tigerekb
Новичок
Сообщений: 23
Регистрация: 27-10-2018


26-03-2019 23:23
Спасибо, выстроил тоже самое


Сообщение отредактировал tigerekb (26-03-2019 21:24)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Triton63


Профессионал
Сообщений: 886
Откуда: Оренбург
Регистрация: 28-05-2011


26-03-2019 23:27
ссылку на сайт можно
или скрин выложи
 



Интернет-магазин ионизатор воздуха ЭкоЮнит: Лампа Чижевского
shop.aeroion.ru
-------------------------------------------------------------------------------
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
tigerekb
Новичок
Сообщений: 23
Регистрация: 27-10-2018


26-03-2019 23:37
Цитата:( Triton63 @ 26-03-2019 21:27 Смотреть сообщение )
ссылку на сайт можно
или скрин выложи

Получилось, а на уровне css можно как то сделать? А то категории совершенно по тупому встали, в разнобой
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Triton63


Профессионал
Сообщений: 886
Откуда: Оренбург
Регистрация: 28-05-2011


26-03-2019 23:54
Цитата:( tigerekb @ 26-03-2019 21:37 Смотреть сообщение )
Цитата:( Triton63 @ 26-03-2019 21:27 Смотреть сообщение )
ссылку на сайт можно
или скрин выложи
Получилось, а на уровне css можно как то сделать? А то категории совершенно по тупому встали, в разнобой
Ну назначь минимальную высоту
.sf-menu > li > ul > li
например
min-height: 160px;

Только тут палка то о двух концах
тебе может не понравится что это коснется и других категорий, у которых нет таких проблем.


Сообщение отредактировал Triton63 (26-03-2019 21:56)
 



Интернет-магазин ионизатор воздуха ЭкоЮнит: Лампа Чижевского
shop.aeroion.ru
-------------------------------------------------------------------------------
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
tigerekb
Новичок
Сообщений: 23
Регистрация: 27-10-2018


27-03-2019 00:01
Хорошо, спасибо большое.


Сообщение отредактировал tigerekb (26-03-2019 22:06)
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Алекс


Администратор
Сообщений: 4516
Откуда: Красноярск
Регистрация: 29-05-2009


28-03-2019 13:55
Цитата:( tigerekb @ 26-03-2019 22:52 Смотреть сообщение )
Кто может подсказать, чтобы колонки с категориями отображались друг под другом.

Откройте файл /themes/ваша-тема/css/modules/blocktopmenu/css/superfish-modified.css и айдите правило:
Код:
.sf-menu > li > ul > li {
  float: left;
  width: 20%;
  padding-right: 15px; }

замените на:
Код:
.sf-menu > li > ul > li {
  display: inline-block;
  vertical-align: top;
  width: 20%;
}
 
Вне форума
ПМ Отправить эл.сообщение 
Щелкните, и это сообщение будет добавлено в ваш ответ как цитата Цитировать этот ответ
Ответить Новая тема Новый опрос