Адаптивный дизайн

[Регина]

Доброго времени суток.
Столкнулась с такой проблемой, шапка сайта "гуляет" при просмотре сайта с различных устройств с различными размерами экрана, Подскажите пожалуйста как исправить ситуацию?
Вот как сайт выглядит при просмотре с экрана компьютера (1680х1050): http://prntscr.com/affhi1
Вот как сайт выглядит при просмотре с экрана (1024х768): http://prntscr.com/affi76

[DarinSr]

Вам нужно будет изменить стили для всех блоков, которые входят в шапку сайта. Удалить абсолютное позиционирование, заменить на нормальный поток, "поплавки".
Если ваша тема сделана на bootsrap 3, то просто поменять классы у блоков.

[Регина]

Вам нужно будет изменить стили для всех блоков, которые входят в шапку сайта. Удалить абсолютное позиционирование, заменить на нормальный поток, "поплавки".
Если ваша тема сделана на bootsrap 3, то просто поменять классы у блоков.

ооох... постараюсь разобраться, что это все значит, но пока совсем я ничего не понимаю (уровень не тот).
у меня вот какой шаблон http://prntscr.com/afids3

[DarinSr]

Это стандарный шаблон, сделан на Bootstrap 3.
Но в нем нет таких проблем, так как используется адаптивный дизайн.

[Регина]

Это стандарный шаблон, сделан на Bootstrap 3.
Но в нем нет таких проблем, так как используется адаптивный дизайн.

Вот http://prntscr.com/afv840 именно в этой верхней шапочке я создавала новые блоки, где указала телефон, адрес, почта.
Видимо к ним нужно что-то применить, чтобы они тоже были "резиновыми". Только  я не знаю что))) Вот http://bashenergocom.ru/ если попробовать посмотреть с разных размеров экрана "эта часть убегает".

[DarinSr]

У вас там полность не правильно сделаны эти блоки. Все входит в блок phone, даже гор. меню. Вам нужно полностью передела шапку. Разделить эти блоки в div с классами col-xs-... col-sm-... col-lg-...

[Миколас]

Почту поменяте, не солидно у магазина mail.ru.

[Регина]

Почту поменяте, не солидно у магазина mail.ru.

полностью согласна и телефон мобильный :-)
надеюсь поменяем скоро))))

[Регина]

У вас там полностью не правильно сделаны эти блоки. Все входит в блок phone, даже гор. меню. Вам нужно полностью передела шапку. Разделить эти блоки в div с классами col-xs-... col-sm-... col-lg-...

вот я балда)) буду изучать, что это значит)) завтра попробую что-нибудь поправить, спасибо Вам за ответ ))

[Регина]

У вас там полность не правильно сделаны эти блоки. Все входит в блок phone, даже гор. меню. Вам нужно полностью передела шапку. Разделить эти блоки в div с классами col-xs-... col-sm-... col-lg-...

Вот мой файл header.tpl
Копировала вот эти вот строчки и по-разному вставляла в блоки div http://prntscr.com/agbfgp но все таки ничего не получается (шапка все еще не адаптивная), да еще и иногда 500 ошибка бывает. Помогите пож-та, не хватает у меня знаний разобраться, могу заплатить символическую плату :-) а то я замучилась ((

[mAgency]

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

[Aleksey19881988]

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

извините не могу вам написать лс, вы не хотите взяться за работу? смотрите мою тему