Как нормализовать поведение fixed элемента при разных разрешениях?

Question

[Максим Шадрин]

Всем привет.
Есть сайт. sandbox.maximshadrin.ru/aquanomika2
Сверху находится плашка с телефоном и соц сетями. Она имеет position: fixed
С ней есть ряд проблем.
Проблема №1: несмотря на то, что все дочерние элементы имеют display: inline-block, они не переносятся на новую строку при уменьшении ширины экрана, это начинает работать, только если задать плашке определенную фиксированную ширину. Ну я решил просто скрывать лишние элементы на более мелких экранах, придя на мобилках только к номеру телефону и кнопке обратного звонка, хотя разобраться все равно бы хотелось.

Проблема №2: При уменьшении размера плашка как-будто вылетает даже из body и жмется к правому краю, создавая пустую область справа. Никогда раньше не сталкивался с такой проблемой.

Answer 1

[Максим Шадрин]

Проблема оказалась проще. Текст в блоках ниже выходил за пределы блока и проблема была в них, а не в плашке

Answer 2

[Гарес Антонович]

Сделайте у основного блока сайта

#main{
max-width:1200px; //допустим
width:100%;
margin-right:auto;
margin-left:auto;}

судя по всему проблема в фиксированой ширине основного блока
стили которые я написал можно применить и к меню