Съезжает контент сайта

Какой вопрос такой ответ.

Для того чтобы предать нужному блоку какое либо свойство при смене ширины экрана используйте медиа запросы.

@media screen and (max-width: ширина например 768px) {
    Элемент {
        Свойство : значение 
    }
}

Для того чтобы текст не смешался в лево или вправо сделайте родительский контейнер шириной в 100%, текст ширину в 100% так же сделайте position:relative; добавьте left:0; right:0; text-align: left; margin:0 !important; padding:0 !important; сделайте на родительский блок display:table например, так же попробуйте менять font-size.

Для более конкретного и детального ответа, нужно смотреть на код или открыть саму страницу.

Начните изучать адаптивный дизайн. Изучайте Bootstrap, читайте книги, статьи по HTML и CSS.

Самый верный ответ ты найдешь самостоятельно изучив HTML и CSS как правильно сказал @Air - "Учи css, поверь, самый эффективный вариант."