Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 11.09.2017, 16:33
Новичок на форуме
Отправить личное сообщение для VladSinger Посмотреть профиль Найти все сообщения от VladSinger
 
Регистрация: 11.09.2017
Сообщений: 3

Проблемы с hamburger меню
Всем здравствуйте,

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

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

Спасибо за ответ
Ответить с цитированием
  #2 (permalink)  
Старый 11.09.2017, 16:56
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 554

Сообщение от VladSinger
при открытии через хром девелоперс тулз иконка гамбургер меню сползает на 4 пикселя влево
У нее в свойствах прописано:
left:-4px;
Ответить с цитированием
  #3 (permalink)  
Старый 11.09.2017, 17:51
Новичок на форуме
Отправить личное сообщение для VladSinger Посмотреть профиль Найти все сообщения от VladSinger
 
Регистрация: 11.09.2017
Сообщений: 3

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


Последний раз редактировалось VladSinger, 11.09.2017 в 17:55.
Ответить с цитированием
  #4 (permalink)  
Старый 11.09.2017, 17:53
Профессор
Отправить личное сообщение для Nexus Посмотреть профиль Найти все сообщения от Nexus
 
Регистрация: 04.12.2012
Сообщений: 554

VladSinger, ну так не проще сделать так, чтобы на огрызко-подобных отображалось как нужно без всяких смещений?
Ответить с цитированием
  #5 (permalink)  
Старый 11.09.2017, 17:56
Новичок на форуме
Отправить личное сообщение для VladSinger Посмотреть профиль Найти все сообщения от VladSinger
 
Регистрация: 11.09.2017
Сообщений: 3

такв том-то и проблема, оно либо отображется без смещений на айфоне либо в браузере. В предыдущем посте прикрепил скрин. Смещение в -4 пикселя в css сделал для того, чтобы на афоне было ок
Ответить с цитированием
  #6 (permalink)  
Старый 11.09.2017, 18:39
Аватар для j0hnik
Профессор
Отправить личное сообщение для j0hnik Посмотреть профиль Найти все сообщения от j0hnik
 
Регистрация: 01.12.2016
Сообщений: 974

hamburger-box

position:relative а не absolute
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Замена стилей класса Павел Турченко Элементы интерфейса 9 30.10.2015 14:24
Бесконечноуровневое меню на CSS ruslan_mart Ваши сайты и скрипты 5 12.01.2015 19:59
Проблема с аккордионом и меню Tie ExtJS 3 01.09.2011 13:36
Всплывающее меню (проблемы) Барин Элементы интерфейса 8 07.07.2011 08:22
глюк форума Gvozd Сайт Javascript.ru 11 18.03.2009 13:37