Проблема со шрифтами или текстом - Joomla 3.x: Общие вопросы

На сайте всё нормально, а вот на телефоне хаос то-ли текст слишком большой то-ли незнаю но блин как решить эту проблему помогите пожалуйста. Вот и сайт - http://добрый-сад.рф/yabloni/yabloni-obychnye

по хорошему надо оптимизировать под мобилку
для начала вам в @media уменьшить шрифт заголовков и добавить

Где мне найти @media я новичок?

в CSS

Где именно? https://imgur.com/a/iDaAwv7

где 767

Какой размер поставить и куда вписать этот код ?

в медиа пропишите

Ну куда водить не пойму.

в CSS

Это ему не поможет. Если, конечно, я правильно понял, о чем речь. Но там и в других местах я вижу то же самое.

Ну а что мне тогда делать ??

Это ему не поможет. Если, конечно, я правильно понял, о чем речь. Но там и в других местах я вижу то же самое.

Ну в ланном месте решает

Ну а что мне тогда делать ??

Как минимум начать изучать CSS

Изучил HTML, вот CSS в процессе.

Поставь размер телефона и увидишь.

Помогите ПЖ срочно надо, адаптировать сайт.

Помогите ПЖ срочно надо, адаптировать сайт.

Ну все же расписано

Ничего не помогает

Мне надо чтобы при сжатий изображения они становлялись в два столбца. и даже если они в два столбца всё ровно текст вылазит из рамок.

У меня возникла идея как мне сделать чтобы текст не выходил за рамку?? Я нашел его код, что за команду надо прописать?

Может проще в коммерческий раздел?

Не для того я обращаюсь сюда.

Ну вам же написали что и как
Дерзайте

Я же ответил что после ввода этого кода никаких изменений нет вы понимайте??

Так значит не туда и не так вводите

Ввёл туда куда вы сказали.

Изучите media
И поймете как и куда вставлять

Код покажите
И в каком файле он?

Код покажите
И в каком файле он?

 при отрваке url говорит что спам не могу отправить дай какое-то социальную сеть??

Зачем URL отправлять?
Код из файла вставьте и название и путь до файла

Зачем URL отправлять?
Код из файла вставьте и название и путь до файла

CSS > custom.css

/* Begin Additional CSS Styles */
/* font size */

@media only screen and (max-width: 400px, auto) {
   .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered
{
  font-size: 60%;
}
}
@media only screen and (max-width: 767px, auto) {
   .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered
{
  font-size: 80%;
}
  @media only screen and (max-width: 315px, auto) {
   .art-postheader a, .art-postheader a:link, .art-postheader a:visited, .art-postheader a.visited, .art-postheader a:hover, .art-postheader a.hovered
{
  font-size: 80%;
}
 
.art-postheader {
        font-size: 16px;
    word-break: break-all;
}
 
 
 
 
}

.catalog-block{
   max-width: 100%;
   font-size: 0;
}
.catalog-block img{
   max-width: 100%;
}
.catalog-block a{
   display: inline-block;
   vertical-align: top;
   width: 33.33%;
   font-size: 18px;
   box-sizing: border-box;
   padding: 20px;
   text-align: center;
}
.catalog-block h3 {
   font-size: 25px;
   color: #2e6d00;
   margin-bottom: 10px;
}
/* End Additional CSS Styles */