Switch74

выложите куда-нибудь код

выложите в какую-нибудь песочницу, чтобы можно было увидеть этот эффект

попробуйте добавить элемент
 

<div style="position:fixed;left:0;top:0;height:100vh;width:100vw;background:#000;opacity:0.5;z-index: 0;"></div>

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

В адресе вы добавили #qrcod можно завязаться на него

var element = window.location.hash;
jQuery(element).click();

по-хорошему было бы проверить сначала есть ли hash и существует ли такой элемент, а потом кликать по нему

data = data.replace(/\s+/g, "") + 1000;
для профилактики можно сделать
data = 1*data.replace(/\s+/g, "") + 1000;
или
data = parseInt(data.replace(/\s+/g, ""),10) + 1000;

тогда
num = num.replace(/\s+/g, "");

попробуйте умножить переменную с полученным числом на 1
1*28 332 + 1000

если оно не будет отрезаться, то оно может быть:
1. искажено (если нужно чтобы оно заполняло все пространство)
2. иметь пустое пространство снизу или обрезаться если привязываться к ширине окна
3. иметь пустое пространство по краям или обрезаться если привязываться к высоте окна
что именно вы хотите сделать?

можно так
https://jsfiddle.net/Leph51ak/
но не уверен, что вам именно это нужно

я бы использовал $DOCUMENT_ROOT
как минимум скорость отработки должна быть выше
 

чтобы избавиться от отступов по краям попробуйте

body { margin: 0 }

background-size: 100%; - задает размер вашего фонового изображения по горизонтали 100% относительно области отображения окна браузера
высота картинки подстраивается пропорционально

предположим у вас картинка 100px X 100px
если окно браузера 100px  X 100px, то у вас не будет прокрутки
если окно браузера 100px  X 50px, то у вас появится вертикальный скроллбар
если окно браузера 50px  X 100px, то у вас не будет прокрутки и после картинки будет  видна пустота

попробуйте вывести картинку через img с width=100%, размер картинки должен быть тот же, а эффект может быть нужный вам.

так же попробуйте поиграть размером окна браузера, чтобы понять как это работает

для параметров в данной таблице можно сделать запись в сессию ('param' меняете на свои)

if(isset($_POST['param1'])) $_SESSION['param1'] = $_POST['param1'];
if(isset($_POST['param2'])) $_SESSION['param2'] = $_POST['param2'];
...

при выводе уже введенных данных:
текст

<input type=text name="param1" value="<?PHP echo (empty($_SESSION['param1'])) ? '' :$_SESSION['param1'];?>">

выпадающие списки

<option name="param2" value="no">Начальная дата</option>
<?php while($row_date1 = $result_date1->fetch_assoc()){?>
    <option value="<?php echo $row_date1['date_change'];?>" <?PHP echo (!empty($_SESSION['param2']) && $row_date1['date_change'] == $_SESSION['param2']) ? 'selected' : '';?>>
      <?php echo $row_date1['date_change']; ?>
    </option>
<?php }?>

ну и естественно все запросы производить уже с данными
$_SESSION['param1']
$_SESSION['param2']
...
а не 
$_POST['param1']
$_POST['param2']

я бы предложил вариант решения сделать форму отправки даты через GET а не POST
если так делать не хочется, то можно решить проблему через $_SESSION

main.css я так понимаю лежит в [Учебный проект]/[css]
а где лежит about.html
и как вы все это запускаете:
1. через web сервер
2. открываете кликнув два раза по about.html
есть ли другие файлы html кроме about.html?
если да, то где они лежат и есть ли в них проблема с подключением css

можно поизвращаться с подобной схемой
https://jsfiddle.net/c5tagnkm/

например так
https://jsfiddle.net/1g5ckamy/

ваш сайт (или его часть) должен быть написан на каком-нибудь серверном языке, например php

если это условие не выполнено, то сделать подобное безопасно будет невозможно

если не париться о безопасности, и других возможно требуемых возможностях, то можно попробовать сделать на html+js

выложите проблемный код на jsfiddle.net

Самый простой вариант - сделать парсер, который по расписанию будет сканировать нужные вам каналы.
Тут делают парсер для ютуба, возможно вам это поможет
https://a-parser.com/docs/parsers/se-youtube 

https://jsfiddle.net/gkmsyvtc/

https://jsfiddle.net/

min-width?
если же у вас flex как заметили выше, можно использовать
flex:0 0 300px; 

я сталкивался, и обычно это вызвано разного рода ошибками в синтаксисе
вариант ее решения был озвучен выше, без html комментариев подсветка отрабатывает корректно
 

что не получилось?
если взять скрипт с того сайта, он просто создаст вам html таблицу из данных csv