В вопросе кода нет, гадайте что там у вас в коде по звездам, как именно решил тоже не пишет. Зато сам себе ответ написал. Его еще правильным надо отметить для пущей феерии.
Смысл в том, что не каждый блок расположен на каком-то конкретном расстоянии от края родителя или соседа, а общая компоновка, например: "все блоки расположены равномерно в блоке" или "все блоки выравниваются по центру".
И именно это и надо увидеть и записать в стили.
Например, так: https://jsfiddle.net/L2Luyuxj/
1. Используйте https://html5book.ru/css3-flexbox/
2. Пишите читаемые названия классов. Называть блок с контактной информацией "нижнее меню в футере и еще какие-то буквы номер 3" это мягко говоря ужос.
1. Изменить дизайн (оно и на десктопах... как бы помягче выразится... не очень)
2. Расстояния между активными элементами должны быть такими, чтобы на них можно было нажать пальцем (причем не все люди ловкие и некоторые имеют лишний вес в связи с чем и пальчики не маленькие)
3. Посмотрите как сделаны меню для мобильных на разных сайтах. Самый простой и распространенный пример - бутсрап. Суть в том, что на мобильных меню обычно выглядит совсем иначе, чем на десктопах. Например, отключите на мобильных свой суперфиш и сделайте просто вертикальное меню (можно аккордеоном) спрятанное в гамбургер.
4. Сами откройте получившееся на смартфоне и попробуйте взаимодействать с меню.
5. Адаптаци я с помощью позиционирования - это что-то очень странное, я не поняла о чем это.
6.
А так-же не пойму почему иногда из-за наведения на пункт меню- главное меню сьезжает влево?
По второму вопросу есть еще вариант: буквы ccc - русские.
А неработающий код удобно показывать с помощью песочниц: https://codepen.io/https://jsfiddle.net/
Часто пока делаете туда пример и ошибки находятся :)
Также пользуйтесь специальными редакторами с подсветкой кода, тогда ошибки типа грамматических, не правильных скобок и т.д. находятся гораздо легче.
