Почему на на айфоне цвет меню без заднего фона, а на андроиде всё норм?

Question

[Виталий]

Вот собственно картинка с открытым меню на айфоне

Comments

[Владислав Лысков]

информативно

[Виталий]

Владислав Лысков, А что именно вы хотели бы знать ? Сайт работает отлично, но вот проблема только когда заходишь с айфона и нажимаешь на меню, то там оно без фона, заходишь с андройда и нажимаешь на меню всё работает, фон тёмный, буквы белые, всё норм

[Владислав Лысков]

hoome, я ничего, но тем, кто захочет вам помочь нужно видеть ваш код (можно ссылку на донора), а не скриншот, желательно в песочнице

[Rustam Bainazarov]

hoome, смысла отвечать без кода — ноль. Присылайте ссылку на сайт, тогда можно будет говорить. Проблем может быть миллион.

[Виталий]

Рустам Байназаров, вот ссылка https://cvartalimobil.md/ но там когда пробуешь с компа проверить моб устройства, всё работает, а вот когда с тел заходишь там проблема

[Rustam Bainazarov]

hoome, смотря с какого браузера заходить. Сейчас посмотрю.

[Rustam Bainazarov]

hoome, у вас скрипт меню делает margin-left на body 270px.

Уберите margin вообще пока.

Если хотите сохранить эффект сдвига тела документа, вам будет нужно обернуть весь контент в один какой-то блок и сдвигать именно его. И лучше не с помощью margin, а с помощью translateX.

[Виталий]

Рустам Байназаров, А Тут до меня был другой парень который мастерил сайт, там на оставлял камней подводных, вот что не день, то что-то вылетает((
Сейчас поищу маргин)

[Rustam Bainazarov]

hoome, из-за того, что у body ставится position: fixed, то любой сдвиг с помощью margin будет обрезать контент в Safari, если он тоже на position: fixed внутри родительского блока с position: fixed (body).

[Виталий]

Рустам Байназаров, и это влияет на задний фон меню в айфоне ?

[Rustam Bainazarov]

hoome, фон там как есть, так он там и остаётся. Из-за сдвига обрезается блок справа. Судя по всему доступа к Safari у вас нет.

[Rustam Bainazarov]

hoome, чтобы было понятнее:
https://gfycat.com/FrighteningFlatGoa

[Виталий]

Рустам Байназаров, да точно, видимо из-за сдвига... я сейчас скачал Chrome на тел и попробовал открыть в режиме инкогнито и когда нажимаю кнопку меню на тел, то на секундочку вижу меню, а потом его накрывает белая пелена, сейчас останется найти только как убрать эти 270px про которые Вы говорили)
У меня ни в custome.css ни в theme.css нет этого маргина, надо искать)

[Rustam Bainazarov]

hoome, если вы скачали Chrome на iOS, то знайте, что это не Chrome, а оболочка поверх системного Safari. Как и любой другой браузер на iOS.

[Rustam Bainazarov]

hoome, это отступ не в CSS.

Он ставится скриптом при открытии меню.

[Виталий]

Рустам Байназаров, ну главное ТО - что он помог увидеть саму проблему))

[Виталий]

Рустам Байназаров, Ага, значит надо в js идти ?)

[Rustam Bainazarov]

hoome, что логично.

[Виталий]

Рустам Байназаров, Спасибо большое, я пока что не нашёл этот файл js, но решил на время пока что margin-left: 0 !important; сделать) А потом уже найти этот js файл либо просто сделать "..." но это тоже надо будет найти где этот файл, Спасибо!

[Rustam Bainazarov]

hoome, не за что :))

Answer 1

[ZhukovMisha]

Либо баг (протесть на айфоне друга), либо особенность safari.
То есть у разработчиков этого сайта есть момент в коде, который не поддерживает Safari.

Comments

[Виталий]

Это всё таки оказался не баг, а margin-left: 270px, он от стилей выползал, я его не нашёл, я просто решил эту проблему тем что прописал margin-left: 0, вроде сработало, меню выползает нормально теперь)))
Спасибо!