Сообщений в теме: 83

[Cybernetic]

Доброго времени суток .
Подскажите пожалуйста как сделать адаптивность шапки сайта для разрешения 1024, добавили новый блок съехала шапка.
Шапка сайта выглядит хорошо только на разрешении 1222 можно ли сделать то же самое для 1024 что бы слайдер пропорционально уменьшался(не резался т.е. отображался полностью)
тем самым высвобождая место для нового блока

Сайт = http://santechbomba.ru/ (адаптивность проверял на firefox адаптивный дизайн)

Прикрепленные изображения

• 
• 

[batta]

Cybernetic (27 Август 2014 - 07:01) писал:

Доброго времени суток .
Подскажите пожалуйста как сделать адаптивность шапки сайта для разрешения 1024, добавили новый блок съехала шапка.
Шапка сайта выглядит хорошо только на разрешении 1222 можно ли сделать то же самое для 1024 что бы слайдер пропорционально уменьшался(не резался т.е. отображался полностью)
тем самым высвобождая место для нового блока

Сайт = http://santechbomba.ru/ (адаптивность проверял на firefox адаптивный дизайн)

Здравствуйте.
В style.css

#module_area {
float: left;
height: 182px;
padding: 5px 0;
position: relative;
text-align: center;
width: 50%;
z-index: 99;
}

измените на

#module_area {
float: left;
height: 182px;
padding: 5px 0;
position: relative;
text-align: center;
width: 49%;
z-index: 99;
}

[Cybernetic]

Доброго времени суток.
Подскажите пожалуйста как адаптировать шапку сайта для разрешения 1024 и более
Шапку сайта видоизменять больше не будем, новые элементы добавлять тоже.
Хотелось бы как на картинках внизу. Все дело в слайдере, при уменьшении разрешения слайдер не уменьшается, хотелось бы конечно что бы он уменьшался и не урезался.

Прикрепленные изображения

• 
• 
• 

[Cybernetic]

Подскажите пожалуйста как видоизменить сайт в соответствии с присланными мною изображениями.
В общем хотелось бы видоизменить сайт на разрешении 360 x (любое число)
1. убрать каталог товаров(текстовой)
2 добавить блок телефоны(должен быть виден)
3 добавить блок социальные сети.

Прикрепленные изображения

• 

[Vaccina]

В main.css найдите:

#header #cart .contacts div:first-child {
display: none;
}

замените на:

.box-category {
display: none;
}
div.tet {
display: none;
}

[Cybernetic]

Доброго времени суток.
Уважаемые модераторы если вам не сложно ответьте пожалуйста на мое письмо в этой теме Отправлено 12 September 2014 - 14:31 по поводу "Подскажите пожалуйста как адаптировать шапку сайта для разрешения 1024 и более" чуть выше. Спасибо.

[Ирина345]

Cybernetic (16 Сентябрь 2014 - 13:53) писал:

Доброго времени суток.
Уважаемые модераторы если вам не сложно ответьте пожалуйста на мое письмо в этой теме Отправлено 12 September 2014 - 14:31 по поводу "Подскажите пожалуйста как адаптировать шапку сайта для разрешения 1024 и более" чуть выше. Спасибо.

Здравствуйте, извините за ожидание.
найдите в main.css

@media only screen and (max-width: 1024px) {

замените на

@media only screen and (max-width: 1024px) {
#header #cart{margin-top: 45px;}
#header #logo{margin-right: -17px;}
#module_area{width: 35%;}

[Cybernetic]

Ирина345 (16 Сентябрь 2014 - 14:06) писал:

Здравствуйте, извините за ожидание.
найдите в main.css

@media only screen and (max-width: 1024px) {

замените на

@media only screen and (max-width: 1024px) {
#header #cart{margin-top: 45px;}
#header #logo{margin-right: -17px;}
#module_area{width: 35%;}

после строки  1024px) {  заменил полностью код тот который вы описали, вот что получилось(картинка)
Было бы хорошо если бы шапка сайта была такой же как и при разрешении > 1219 там(в шапке) ни чего не съезжает, хотелось бы что бы баннер при низком разрешении т.е. 1024 x просто уменьшался только не обрезался а показывался полностью.

Прикрепленные изображения

• 

[Ирина345]

Cybernetic (16 Сентябрь 2014 - 14:51) писал:

после строки  1024px) {  заменил полностью код тот который вы описали, вот что получилось(картинка)
Было бы хорошо если бы шапка сайта была такой же как и при разрешении > 1219 там(в шапке) ни чего не съезжает, хотелось бы что бы баннер при низком разрешении т.е. 1024 x просто уменьшался только не обрезался а показывался полностью.

Изменения внесены.

[Cybernetic]

Ирина345 спасибо большое.

[Cybernetic]

Доброго времени суток.

Подскажите пожалуйста есть ли возможность сделать отдельную мобильную версию сайта.
Так же как это представлена на картинках внизу?
Очень нужная и необходимая для нас вещь т.к. люди заходят с мобильных устройств с малым разрешением и уходят по причине неправильной верстки(как ни старайся сделать адаптивную верстку лучше - лучше чем отдельная мобильная версия сайта не будет)

сайт - http://santechbomba.ru

Прикрепленные изображения

• 
• 

[MikDark]

Cybernetic (23 Октябрь 2014 - 09:25) писал:

Доброго времени суток.

Подскажите пожалуйста есть ли возможность сделать отдельную мобильную версию сайта.
Так же как это представлена на картинках внизу?
Очень нужная и необходимая для нас вещь т.к. люди заходят с мобильных устройств с малым разрешением и уходят по причине неправильной верстки(как ни старайся сделать адаптивную верстку лучше - лучше чем отдельная мобильная версия сайта не будет)

сайт - http://santechbomba.ru

Можно сделать, только зарегистрировав новый магазин и присвоим ему домен m.******.ru На базе одного аккаунта сделать не получится.

[boktar]

удалено

[boktar]

Здравствуйте, не обращал на это внимание, пока не увидел этой темы(
при уменьшении окна даже на чуть чуть, сайт разъезжается, меню уползает вниз, блоки сдвигаются, как сделать, что бы он оставался такой же как есть, чтобы вёл себя, как обычный сайт(к примеру как этот форум) ведь не возможно контролировать в каком окне смотрят сайт люди.
А также можно ли, что бы в мобильной версии можно было просматривать сайт в обычном виде и выбирать, как просматривать в обычном или мобильном виде, как на многих сайтах?
Спасибо!

[Alekseys]

boktar (24 Октябрь 2014 - 10:52) писал:

Здравствуйте, не обращал на это внимание, пока не увидел этой темы(
при уменьшении окна даже на чуть чуть, сайт разъезжается, меню уползает вниз, блоки сдвигаются, как сделать, что бы он оставался такой же как есть, чтобы вёл себя, как обычный сайт(к примеру как этот форум) ведь не возможно контролировать в каком окне смотрят сайт люди.
А также можно ли, что бы в мобильной версии можно было просматривать сайт в обычном виде и выбирать, как просматривать в обычном или мобильном виде, как на многих сайтах?
Спасибо!

Здравствуйте. Уточните пожалуйста номер аккаунта.

[boktar]

Alekseys (24 Октябрь 2014 - 10:53) писал:

Здравствуйте. Уточните пожалуйста номер аккаунта.

Здравствуйте, одинаково
Аккаунт SL-310601, SL-311843

[batta]

boktar (24 Октябрь 2014 - 18:28) писал:

Здравствуйте, одинаково
Аккаунт SL-310601, SL-311843

Здравствуйте.
В шаблоне HTML удалите строчку на обоих сайтах

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

[boktar]

batta (24 Октябрь 2014 - 18:40) писал:

Здравствуйте.
В шаблоне HTML удалите строчку на обоих сайтах

<meta name="viewport" content="width=device-width, initial-scale=1.0" />

удалил, не повлияло, главная расползается

[batta]

boktar (24 Октябрь 2014 - 19:33) писал:

удалил, не повлияло, главная расползается

Уточните на скриншоте что нужно поправить.

[boktar]

batta (24 Октябрь 2014 - 19:39) писал:

Уточните на скриншоте что нужно поправить.

когда окно в браузере уменьшаю, хоть на миллиметр, блок каталога сьезжает вниз на весь свой размер под слайдер