Перенос строки меню

  • 4 Ответов
  • 421 Просмотров

0 Пользователей и 1 Гость просматривают эту тему.

*

serjik

Перенос строки меню
« : 29.10.2015, 11:52:17 »
Помогите с решением проблемы так как поиски в инете и на данном форуме ничего не дали. Есть горизонтальное меню с выпадающими вниз подпунктами которые так же расположены горизонтально независимо от своей длины, некоторые пункты слишком длинные и их необходимо отобразить в две строки. Для нагладности картинка:


Решений данной проблемы для предыдущих версий Joomla нашел достаточно много, но на Joomla 3 они к сожалению не работают. Правкой стилей тоже не удалось решить эту проблему. Если ограничить ширину колонки выпадающего меню то длинные названия не переносятся, а просто обрезаются.
Немного о системе: Joomla 3.4.5, шаблон RT Fresco. Пробовал вместо меню данного шаблона ставить стандартный шаблон с простым меню, результат такой же.

*

kik84

Re: Перенос строки меню
« Ответ #1 : 29.10.2015, 11:55:49 »
Сайт бы не помешал, возможно надо word-wrap: break-word;

*

serjik

Re: Перенос строки меню
« Ответ #2 : 29.10.2015, 12:01:22 »
Сайт пока в процессе, и его стыдно показывать но раз надо то надо :)
http://zimobr.ru
Сразу добавлю что делал: Правил файлы в папке mod_menu/tmpl/ - заменял значение
Код
<?php echo $linktype; ?>
на  
Код
<?php echo str_replace('[br]', '<br/>', $linktype); ?>
пытаясь реализовать функцию переноса с помощью значения br, тоже самое делал с файлами в папке plugins/system/gantry/overrides/. Ну и со стилями боролся ограничивая ширину блока выпадающего меню, и прописывая ссылке функцию display: block надеясь что это ее перенесет на другую строку если она не вместиться )).
« Последнее редактирование: 29.10.2015, 12:28:29 от serjik »

*

flyingspook

Re: Перенос строки меню
« Ответ #3 : 29.10.2015, 14:46:32 »
http://zimobr.ru/templates/rt_fresco_responsive/css/fusionmenu.css
в 49 строке уберите у .fusion-js-subs ul li
Код
width: 280px;
в 49 строке добавьте для .menutop .fusion-js-subs li > .item span
Код
white-space: normal;

*

serjik

Re: Перенос строки меню
« Ответ #4 : 29.10.2015, 16:09:41 »
flyingspook ты волшебник! большущее спасибо, заработало!! Надо же как все просто....ширину width: 280px; это я добавлял в надежде что ограничив ширину поля строка начнет переносится, а про white-space даже и не знал!
Плюсик тебе в репутацию!