К чему делать min-width: 768px, если на более мелких устройствах вам всё равно нужно уменьшать эту ширину?
обычно я делаю так примерно:
если экран больше например 768 пикселей - делаем body: max-width:768px;
далее медиазапросы:
если экран меньше 768 - body:max-width: 100%
А min-width применяется например для задания "нижней планки" - минимально допустимого устройства. У меня это обычно min-width: 320px;
Для начала попробуйте сохранять в стандартной теме Twenty Fifteen. Если все норм - проблема в вашей теме.
Далее: open-server.ru - попробуйте на локальном сервере копию разверните. Если сохраняется с вашей темой, то вероятнее всего, что проблема в сервере.
На ум приходит advanced custom fields - в нем можно создать произвольное поле, в котором можно указывать связь с другим обьектом (постом, кастомным типом, таксономией - чем угодно).
У вас в коде шаблона вывод заголовка обрезается на 15ом символе жестко с помощью PHP. Найдите кусок кода, где выводится заголовок записи и уберите отрезающий код.
Причем тут эти теги вообще к адаптивности? Они задают лишь ширину вьюпорта и изначальное масштабирование.
Хотите убить адаптивность - убивайте соответствующие свойства в ваших стилях.
