Некорректное отображение шапки сайта, в чем проблема?

Question

[vasRmba]

Что не так с мобильной версией сайта?
Друзья помогите разобраться. Делали сайт ребята, и все вроде бы устроило, но пару моментов, свиду простейших никак не могут решить. В мобильной версии съедается часть логотипа. Притом что логотип картинка png, я вообще не догоняю, как он так его обрезает что там белое место? Вот логотип сам: Адрес сайта www.cpprf.ru

Answer 1

[ant1vit]

У вас класс .moblogogen overflow: hidden; width: 46px; вот поэтому и обрезает лого

Answer 2

[KazeZlat]

Очень просто съедает, на контейнере логотипа указана ширина поменьше и overflow: hidden

Съедает он его только когда логотип не входит полностью в белую область, то есть на экранах шириной меньше 420 пикселей.
Если не съедать - не влезут кнопки, так что либо думайте другой логотип для мобильной версии, либо оставляйте так как есть. Уменьшить изображение можно, но решение сомнительное, ибо читаемости никакой тогда не будет.

Answer 3

[Николай Чуприк]

style.css строка 392

.moblogogen {
		width: 46px;
...

Удалите или переопределите ширину родительского блока, в котором находится картинка с логотипом.