Дмитрий Поляков

.row .row-cols-2 {
    display: grid;
    grid-template:
      "a b"
      "a c";
}

.img-responsive{ grid-area: a;}
.top-banner{ grid-area: b;}
.bottom-banner{ grid-area: b;}

@media (max-width: 700px) {
  .row .row-cols-2 {
    display: grid;
    grid-template:
      "a a"
      "b c";
  }
}

Блок схемы тут не подойдут, т.к. слишком массивный проект.

как Вы проектируете визуально проекты?

@media only screen and (max-width: 1127px) and (min-width: 940px)
....
.container {
    width: 940px;
....

почему-то часть функций не работает

Пытался подключить wp-config

пишет no such file in directory

путь до дополнения такой: /yogasevera/wp-content/wp-recall/add-on/dop

$checkThis = 66;   // сюда id проверяемой записи. Как получить id записи - зависит от места, где вам нужно это всё проверять.
$checkContent = get_the_content($checkThis);
if($checkContent && $checkContent !== ""){
 // Если контент есть - делаем магию
}

var p = $('li').find('p').clone();
$('#output').append(p);

$cat = get_the_category();
$category_id = $cat->cat_ID; // получаем ID категории
if ($category_id == 15) { //если ID равен 15, то выполняем код ниже
// код 
}

global $post;
$cat = get_the_category($post->ID);
$category_id = $cat->cat_ID; // получаем ID категории
if ($category_id == 15) { //если ID равен 15, то выполняем код ниже
// код 
}