Это, чтобы выровнить меню (активная тема и т.д.)

#pun-ulinks, #pun-ulinks .container {
  width: auto;
  top: 55px;
  left: 0px;
  right: 0px;
}

#pun-ulinks .container {
  border-top: none;
  position: absolute;
  z-index: 9999;
  text-align: center;
  text-transform: uppercase;
  margin: auto;
  font-family: Century Gothic !important;
  font-size: 7px;
  letter-spacing: 4px;
}

Код, видимо, очень старый, как бы ещё не со времен 2010-2012 годов. По хорошему, согласна с Gerda, надо прописывать заново, много css  атрибутов вообще не нужных, которые потом important перебивать приходится.
Вот это убираем прям сразу. Из-за % будет скакать текст, надо вычищать от этого весь код.
Для информации! Если используется значение в px, то везде нужно тоже использовать значение в px, если в процентах, значит в процентах. При совмещении значений большой риск, что у кого-то что-то будет съезжать.

body {
  font-size: 100.01%;
}

Заметила, что блок с самим форумом стоит криво, везде использован margin со сдвигом влево. При такой сборке, постоянно будет разница в 1 px и блоки сходится не будут.
Чтобы это всё выровнить, нужно убирать везде значение ширины блоков(шапка, футер, название категорий) и убирать margin (либо ставить на авто).

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

Полагаю под чистыми стоит понимать список значений, используемых для css?
На форуме есть раздел, довольно древний, но он точно даст понять, какое значение какому блоку соответствует. И сюда будет полезно заглянуть.
Возможно, есть гайд более новый или уже собранная заготовка для css, но я о такой не знаю. Администрация поможет с этим лучше, я только участник)