D.iK.iJ

#menu-item-2268 ul.sub-menu {display: none;}

Потом делаем так, чтобы ссылка в пункте родителе не занимала 100% ширины экрана.

#menu-item-2268 > a {display: inline-block; width: auto;}

Ну и скриптом сворачиваем / разворачиваем подпункт меню при клике на область справа.

<script>
$(document).ready(function(){
$("#menu-item-2268").click(function () {

$("#menu-item-2268 ul.sub-menu").slideToggle("fast");

});
});
</script>

Ну и дальше  для этого самого <li  id="menu-item-2268" задаем фон и  border-bottom. Можно добавить галочку " v " чтобы посетители поняли, что это именно меню. Да, код можно написать более универсальный и без ID, но мне лень. ))

Более простой способ - сразу добавить скрипт открытия меню,  пропуская другие пункты. А ссылку раздела сделать некликабельной через

#menu-item-2268 > a {pointer-events: none;}

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

Часто это уже и другая зона. И субдомен, да.

Я бы тогда уж попробовал для  figure поставить  display: inline-block;

А, нет. Ошибся. Он тоже растягивается текстом. Тогда таблицы - самое простое.

Сделал пример как это вижу с 3 блоками для теста: https://dikij.com/test7.php

<script>
$("video").click(function () {
if (this.paused) {
  this.play()
} else {
  this.pause()
}
});
</script>

Я бы оставил на странице только  

<img class="play-button" src="/catalog/play-button.png" alt="">

Можно даже обернуть в ссылку на видео. А уже по клику подменял на 

<video >
       <source src="/catalog/123.mp4" type="video/mp4">
</video>

с автоплеем. Делается через тот же .html() в jquery.  А вот с паузой...

//JS функции для работы с примером:
//запуск воспроизведения видео примера
function playClip(media) {
  media.play();
}

//стоп воспроизведения видео примера
function stopClip(media) {
  media.pause();
}

Отсюда: https://andew.ru/pages/page/html5-audio-video-js-play.php

Если что, сейчас вообще трудно открыть книгу, так как работает только половина кнопки. На нижнюю часть наезжает блок  outer16 у которого top: -97px.

А вообще, написано на 1 экране листать вниз... я и листал вниз. Увидел цены на консультации - закрыл и ушел.

Со смартфона же читать простыню текста с выравниванием  text-align: justify; я и врагу не пожелаю.

<?php
if (count($_GET)>=1) {header("HTTP/1.0 404 Not found"); header("Location:/example.php"); die;}
?>

Я у себя делал так на PHP для индексных файлов.

<?php
if (!empty(getenv("QUERY_STRING"))) {header("HTTP/1.0 301 Moved Permanently"); header("Location:".getenv("SCRIPT_NAME")); die;}
?>

Или так для внутренних. Кто знает правильнее - пусть поправит. Строка - самая первая в файле идет.