Отображение на мобильной версии - Joomla 3.x: Общие вопросы

Всем привет!

У нас есть сайт edut-deti.ru, и заметили, что на разных телефонах, шапка отображается по-разному 
То есть получается, что не адаптирован под все размеры?

Вот так отображается правильно (это на iphone 15)



А на других вот так:



А тут даже иконок соцсетей нет 



Подскажите, есть ли решение, что бы на всех отображалось так, как на первом скрине? Чтобы стояло все ровно и аккуратно...

так пишите стили под правильное отображение.
иначе ника
расрешения то разные

так пишите стили под правильное отображение.
иначе ника
расрешения то разные

Так расширений то сколько...Неужели нет варианта сразу для всех?

Так расширений то сколько...Неужели нет варианта сразу для всех?

есть стандарты разрешений экрана.
стили пишутся под них

Да у вас еще нормально, просто у вас некоторые элементы не помещаются и сьезжают, это или скрывать или стилями настраивать, но нужно CSS знать, смиритесь и все!

Да у вас еще нормально, просто у вас некоторые элементы не помещаются и сьезжают, это или скрывать или стилями настраивать, но нужно CSS знать, смиритесь и все!

Не хочется смириться 
Нашла статью про это (не знаю, можно ссылки или нет) https://snipp.ru/html-css/media-css?ysclid=m2pnxov0m173593276

Тут вроде и размеры все, и девайсы все...

Так вот, если это все добавить в CSS,  то будет ли решена наша задача? Задача в отображении корректно на всех устройствах

все решися. только стили с умом править надо.
да и у вас скорее всего пару зон медиа поправить на пару пикселей

все решися. только стили с умом править надо.
да и у вас скорее всего пару зон медиа поправить на пару пикселей

спасибо!

в общем нашлась минутка что бы посмотреть что у вас и как происходит

с наездами решается легко и просто
в кастоме пропишите
или же исправьте в media.css 125 строка (кто вам туда это написал не понятно - там капсом WIDTH)
а вот по поводу соцсетей на совсем мелких экранах так они туда тупо не влезают и поэтому скрыты в том же media.css 440 строка
тут впихнуть сложнее
как вариант менять кнопку перезвона на иконку без надписи и тогда уже дисплеи иконки
Удачи!

в общем нашлась минутка что бы посмотреть что у вас и как происходит

с наездами решается легко и просто
в кастоме пропишите

Код

@media only screen and (max-width: 991px) {
  .top-bar .right {
	WIDTH: auto;
  }
}

или же исправьте в media.css 125 строка (кто вам туда это написал не понятно - там капсом WIDTH)
а вот по поводу соцсетей на совсем мелких экранах так они туда тупо не влезают и поэтому скрыты в том же media.css 440 строка

Код

@media only screen and (max-width: 375px) {
  .top-bar .soc {
	display: none;
  }
}

тут впихнуть сложнее
как вариант менять кнопку перезвона на иконку без надписи и тогда уже дисплеи иконки
Удачи!

Огромное спасибо