Иван Татауш

как вариант можно так попробовать
https://jsfiddle.net/s7z50fjc/2/

https://codepen.io/AllThingsSmitty/pen/cHjIC/

У тебя блочные элементы и они располагаются друг под другом. Можно так решить (добавить display: inline-block)
codepen.io/anon/pen/ZexBPp

Если я правильно понял, блок который должен появиться изначально с display: none или visibility: hidden.
Добавь для блока который должен появляться :hover { display: block } или как ты там его прячешь.

var goTo = function() {
	var meni_1 = 'http://www.ya.ru';
	location.href = meni_1;
}

<a href="#" onClick="goTo()">Яндекс</a>

У .Myheader ширина указана 100% и так же есть border 1px.
Border прибавляется к общeй ширине блока и у тебя ширина выходит 100% + 2px
Допиши box-sizing: border-box;

Относительно с недавнего времени запрет на увеличение страницы на мобильных устройствах считается плохим тоном, так как пользователи с плохим зрением не смогут увеличить размер страницы чтобы рассмотреть нужную часть сайта.