Отзывчивый заголовок становится больше, чем экран на мобильном телефоне

Question

У меня довольно простой заголовок на моем сайте, см. Здесь: www.botlink.us. Он разработан, чтобы быть отзывчивым, поэтому, когда я уменьшаю ширину страницы, он превращается в другой заголовок с иконкой справа, которая выпадает из меню ссылок. На моем рабочем столе он работает красиво. Уменьшите ширину страницы, заголовок не вызывает никаких проблем. Однако, когда я переключаюсь на мобильное устройство, по какой-то причине ширина заголовка остается на уровне 700 пикселей, несмотря ни на что. Любая идея относительно причины?

(я буду уточнить этот пример с фактическим кодом, когда я понял, что точная причина. В настоящее время, весь код связан выше.)

Answer 1

В этом случае проблема в том, что пониже в моем html у меня был элемент (тег div с белым фоном, поэтому он смешивался и был трудно поймать, так как элементы внутри div перемещались вместе с остальной частью страницы по мере того, как экран был сужен), который был расширен более , Я нашел проблему, выполнив поиск по моим стилям CSS для строки «700px», которая была той шириной, которой придерживался заголовок. Затем я нашел код и смог изменить ширину, чтобы решить проблему.