Развернутый текст категорий

Добрый день! Подскажите, как сделать категории сайта в развернутом виде? Сейчас так:


Смотрится ужасно, с мобильного так вообще урезается. что не понятно даже, что за категория.Где то еще на сайте встречала такую урезку. но не могу найти.

Какой это шаблон или компонент категорий? Там еще смотрите в "коде страницы", чтобы все категории не были на всех страницах категорий, плохо для SEO. Нормально сделано меню только в Расширенной доске.

Смотрится ужасно, с мобильного так вообще урезается.

А если вы развернете, т.е. добавите, будет в мобильном лучше? Можно вообще не раскрывать, а убрать все. Попробуйте. Вот идеи.

Заголовок блока.
1. Категории и Новые объявления (заголовки) — разная "жирность"?
2. Категории и Новые объявления, один центрирован, а другой нет.?
3. В одном варианте есть иконка, в другом нет?

Сам мини- блог с иконкой, названием категории, количеством и стрелкой.
1. Имеет смысл повторять иконки, если это точки например. Маленькие. Дублировать одну и ту же картинку, вы можете это исправить. Еще раз смотрим на фото, повторяющиеся иконки забирают на себя внимание. Измените их, подкрасьте, удалите, уменьшите размер.
2. Может их вообще убрать и тогда название прижмется в левую часть?
3. Название категории кликабельное? Стрелка (если не будет раскрытия) уже и не нужна. Цифра прижмется в правую часть. Разделительная линия уберется.

Сделайте само название, чтобы было понятно, что оно кликабельно. Цвет, подчеркивание и т.д.

Предложил вариант чисто изменение в дизайне, подаче, чтобы изменить ситуацию. Попробуйте. Приведите все к общему виду. Сам бы я убрал все, а далее с простым Название (блога) и названиями категориями поработал.

Плохо смотреться будет, дешево? Без иконок? Если да, то это сигнал. Изменить названия эти так, чтобы без всего смотрелось нормально. А вот когда вы добавите что-то еще, иконку, например, то это должно улучшить ситуацию. Мы можем использовать такой подход: иконки созданы не для того, чтобы исправить ситуацию, а чтобы она улучшилась. Но и без них должно быть норма.

И так. Убрать все. И добиться отличного результата. А далее, если есть желание, добавлять и смотреть. Как идея?

Какой это шаблон или компонент категорий? Там еще смотрите в "коде страницы", чтобы все категории не были на всех страницах категорий, плохо для SEO. Нормально сделано меню только в Расширенной доске .

Да, совсем забыла указать шаблон — Модерн. В разных типах контента стоят свои категории. В доске объявлений свои категории. В статьях другие и т.д.

Спасибо за такой подробный ответ. Как раз иконки хотела бы оставить. По поводу стрелочек, они открываю дальше меню


И оно в разных категориях есть еще с вложенными. Поэтому стрелочки нужны.

В разных типах контента стоят свои категории. В доске объявлений свои категории.

ПКМ — Посмотреть код страницы. У Вас в Одежда могут отображаться Жилье, Котики и тд. В Расширенной доске сделано: в Одежда только одежда, в Жилье только Жилье.

В разных типах контента стоят свои категории. В доске объявлений свои категории.

ПКМ — Посмотреть код страницы. У Вас в Одежда могут отображаться Жилье, Котики и тд. В Расширенной доске сделано: в Одежда только одежда, в Жилье только Жилье .

Код страницы смотрела, толку то. У меня нет расширенной доски. Объявления сделаны на стандартном типе контента.

Тоже самое и в магазине.

Далее открывается.


И не понятно что там и…

толку то

Толку нет, а для seo это плохо

И не понятно что там и ...

В css для этих пунктов меню написано что-то вроде этого:
Уберите это и далее подправьте остальное по обстоятельствам.

толку то

Толку нет, а для seo это плохо

Да seo не важен.

И не понятно что там и ...

В css для этих пунктов меню написано что-то вроде этого:

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
 

Уберите это и далее подправьте остальное по обстоятельствам.

Да, вы правы. Я это в первую очередь и делала, убирала overflow, но вот в чем фишка при редактировании theme.css со временем возвращается обратно. Я создавала тему Автоматический откат css решением стало писать в scss, но там не всегда почему то срабатывают правки. Например класс рамка работает, а другие классы нет. Не знаю с чем связано, устала с этим разбираться, оставила как есть. Поэтому. и не знаю как решить. Правки в стандартный css точно не работают, в свой scss не всегда сабатывает.

Правки в стандартный css точно не работают, в свой scss не всегда сабатывает.

Откроете файл main.tpl.php, перед закрывающим тегом </head> добавьте

Создайте в папке css файл styles.css и вносите туда любые правки, которые не слетят. Единственная проблема — при обновлении движка, если будет изменен файл main.tpl.php, то надо будет эту строчку опять добавлять. Поэтому лучше сделать дочерний шаблон по инструкции.

Я это в первую очередь и делала, убирала overflow

Тут без вариантов. Текст обрезается и добавляются точки в конце стилями. Хотя нет, есть еще один вариант — сделать сайдбар шире, чтобы всё влезло. Но этот вариант так себе.

Delika, Так создайте свой файл css и пропишите(перенесите) все нужные стили в нём. И подключите файл в main.tpl.php

Нифигаccе о-го-гошеньки, уже опередил)))