Jor

У вас сайт на голом HTML?

На JS только костылей наделаете, вроде такого 🙅

$("#headmenu a[href*='" + window.location.pathname + "']")

	.addClass('active')

	.parents().eq(2)

	.find('a:first')

	.addClass('active');

До кучи: Раз, Два

Обманка на CSS (IE9+)

Удивительно, как у это вас сработал селектор по классу... который начинается с цифры 🍿

А если ещё width задать для картинки?

.text p {
    margin: 0 0 0 24px;
}

.text img {
    margin: 0 0 0 -24px;
}

<img src="#" width="+24px к размеру">

или так:

.text p {
    margin: 0 0 0 5%;
}

.text img {
    margin-left: -5%;
    max-width: 105%;
}

Можно воспользоваться стандартными методами Joomla:

if($this->params->get('subCatDescription')) {

	echo JHTML::_('string.truncate', $subCategory->description, 100);

} 

Обрежет по пробелу и закроет все теги, подробнее здесь

$(function() {

	$('iframe').wrap('<div class="video-container"></div>');

});

Попробуйте alt прописать ещё раз, вероятно a не латинская.

По скрину у вас 4 ошибки, покажите другие, если мои догадки верны, то должна быть ещё ошибка:

..img element must have an alt attribute..

Больше вводных надо, скрыть реально и через CSS

Не надо CSS трогать, видно же по классам что используется фреймворк для сетки.

В коде 19 строка, замените на:

<div class="full-content">