Question

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

<td style="width:33%" class="catsTd" valign="top" id="cid186"><a href="vakansii_rezjume/186" class="catName">Работа</a> <span class="catNumData" style="unicode-bidi:embed;">[0]</span></td>

.catsTd {padding: 0 0 3px 13px; background: url('/.s/t/101/13.gif') no-repeat 0px 4px;}
.catName {font-family:Tahoma,Arial,Sans-Serif;font-size:12px;font-weight:bold;}
.catNameActive {font-family:Tahoma,Arial,Sans-Serif;font-size:11px;font-weight:bold;}
.catNumData {font-size:9pt;color:#4D6D91;}
.catDescr {font-size:7pt; padding-left:10px;}
a.catName:link {text-decoration:none; color:#4D6D91;}
a.catName:visited {text-decoration:none; color:#4D6D91;}
a.catName:hover {text-decoration:underline; color:#FF8C00;}
a.catName:active {text-decoration:underline; color:#000000;}
a.catNameActive:link {text-decoration:underline; color:#4D6D91;}
a.catNameActive:visited {text-decoration:underline; color:#4D6D91;}
a.catNameActive:hover {text-decoration:underline; color:#FF8C00;}
a.catNameActive:active {text-decoration:underline; color:#000000;}

добавил 

.catsTd {font-size: 0.7em;}

текст уменьшился, а можно сделать категории друг под дружкой?

Comments

Ссылку на сайт уточните.

Answer 1

Чтобы сделать категории адаптивными, нужно добавлять их информером, код $CATEGORIES$ построен на табличной верстке, управлять которой не очень легко, проще как я говорил выше информер категорий создать, который оформить как хочется и сделать адаптивным.