Неправильно отображаются некоторые элементы сайта на мобильном, в чем может быть проблема?

Question

[Den Savi]

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

При клике оно открывается

Но когда смотришь сайт с самого телефона, категории уезжают куда-то вниз... и выглядят вот так:

В чем может быть проблема? Что попробовать сделать, чтобы исправить это? Я не прошу сделать все за меня, даже потому-что не могу дать ссылку на сайт. Просто скажите в чем может быть проблема...

Comments

[Den Savi]

изначально блок идет слева, при переходе на мобильную версию он смещается вверх. Но когда просматриваешь с телефона, он почему-то отображается где-то снизу :(

[Aleksandr]

Вы бы ссылочку то прикрепили, а то так долго гадать можно..

Answer 1

[artem_music]

Возможно родные стили (как своеобразные инпуты на ios). Попробуйте подключить reset.css или normalize.css - возможно решит проблему.

Comments

[Den Savi]

Подключил, не помогло :( Сайт на opencart кстати, наверное стоило сразу написать об этом ))

[artem_music]

По ощущениям как будто эти элементы не подцепляют нужный класс и становятся просто текстом. Копайте в эту сторону, возможно класс не тот в селекторе CSS? Под инкогнито на пк нет такой проблемы?

[Den Savi]

artem_music: неа, нету :( странно как-то :(

[Den Savi]

artem_music: да, судя по всему не подцепляет нужный класс...вот почему тогда на пк все нормально, а на телефоне нет?(

[artem_music]

Den Savi: ссылки очень не хватает

Answer 2

[dom1n1k]

Без живого кода гадать бесполезно, но в качестве гипотезы - flexbox используется? Все префиксы для него прописаны? Телефон случайно не Андроид 4.x (там флексбокс не поддерживается по нормальному)?

Comments

[Den Savi]

флекс не используется :( и андроид 6, и на айфоне проверял(