Проблемы с hamburger меню
 

Всем здравствуйте,

У меня небольшая проблема на сайте - http://merehead.com/, при открытии через хром девелоперс тулз иконка гамбургер меню сползает на 4 пикселя влево (юзер агент айфона ничего не меняет). Если же открыть на самом айфоне - проблемы нет, но с планшетами появляется.

В итоге, я могу настроить через CSS позиционирование только для одного типа устройства. Могли бы подсказать, как сделать чтобы иконка была по центру и там, и там? Это можно как-то решить на CSS? Или только изменяя все меню на картинку? Или же только через javascript определять устройство и задавать позиционирование?

Спасибо за ответ

У нее в свойствах прописано:

left:-4px;

это для того, чтобы в айфоне было по центру. Если убрать - то сдвигается в правую сторону, соответственно в браузере иконка по центру

VladSinger, ну так не проще сделать так, чтобы на огрызко-подобных отображалось как нужно без всяких смещений?

такв том-то и проблема, оно либо отображется без смещений на айфоне либо в браузере. В предыдущем посте прикрепил скрин. Смещение в -4 пикселя в css сделал для того, чтобы на афоне было ок

hamburger-box

position:relative а не absolute