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

[koloskov]

Добрый день.

Как сделать адаптивность строчки с приветствием? Нужно не перенос на 2-ю строку, а уменьшение масштаба...

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

• 

[MikDark]

koloskov (24 Июль 2014 - 10:33) писал:

Добрый день.

Как сделать адаптивность строчки с приветствием? Нужно не перенос на 2-ю строку, а уменьшение масштаба...

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

@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
}

и замените на:

@media only screen and (min-width: 981px) and (max-width: 1220px) {
  .inner {width:95%;}
#header #welcome {font-size:24px;}
}

Далее найдите:

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}

и замените на:

@media only screen and (min-width: 768px) and (max-width: 980px) {
  .inner {width:95%;}
#header #welcome {font-size:18px;}

[koloskov]

Когда-то вытащил из блока приветствия Контакты и Поиск. Теперь для них хотелось бы сделать адаптивность в стиле Корзины

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

• 

[MikDark]

koloskov (24 Июль 2014 - 11:13) писал:

Когда-то вытащил из блока приветствия Контакты и Поиск. Теперь для них хотелось бы сделать адаптивность в стиле Корзины

Для начала нужно внести изменения, в main.css найдите:

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
right: 20px;
}

и замените на:

#header #cart {
z-index: 20;
min-width: 300px;
top: 3px;
float:right;
}

Далее:

#header #search {
position: relative;
float: right;
top: -78px;
right: 275px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}

Меняем на:

#header #search {
position: relative;
float: right;
top: 14px;
margin-bottom: 9px;
width: 225px;
z-index: 15;
}

и код:

#header #support {
position: relative;
float: right;
top: -80px;
margin-right: 11px;
z-index: 30;
width: 220px;
color: black;
right: 365px;
}

меняем на:

#header #support {
position: relative;
float: right;
top: 14px;
margin-right: 50px;
z-index: 30;
width: 220px;
color: black;
}

[koloskov]

Поиск "сложился" как нужно, а Контакты не очень!

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

• 

[MikDark]

koloskov (24 Июль 2014 - 12:55) писал:

Поиск "сложился" как нужно, а Контакты не очень!

У Вас в мобильной версии отключены контакты, их нужно вернуть?

[koloskov]

MikDark (24 Июль 2014 - 13:01) писал:

У Вас в мобильной версии отключены контакты, их нужно вернуть?

вернул 217 строчку в HTML

[MikDark]

koloskov (24 Июль 2014 - 13:33) писал:

вернул 217 строчку в HTML

Эта строчка не относится к проблеме, Вам вернуть отображение контактов для мобильной версии?

[koloskov]

вернуть

[MikDark]

koloskov (24 Июль 2014 - 14:47) писал:

вернуть

Изменили, посмотрите.

[koloskov]

MikDark (24 Июль 2014 - 14:59) писал:

Изменили, посмотрите.

чуть чуть вот здесь похоже проблема в майне:

#header #support {position: relative;float: right;top: 14px;margin-right: 50px;z-index: 30;width: 220px;color: black;}

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

• 

[MikDark]

koloskov (24 Июль 2014 - 15:12) писал:

чуть чуть вот здесь похоже проблема в майне:

#header #support {position: relative;float: right;top: 14px;margin-right: 50px;z-index: 30;width: 220px;color: black;}

Посмотрите сейчас.

[koloskov]

MikDark (24 Июль 2014 - 15:19) писал:

Посмотрите сейчас.

Да, сейчас в крайнем положении все Ок.  Еще вопрос, а в подвале меню в мобильной версии свернуть как в шапке можно?

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

• 

[MikDark]

koloskov (24 Июль 2014 - 15:27) писал:

Да, сейчас в крайнем положении все Ок.  Еще вопрос, а в подвале меню в мобильной версии свернуть как в шапке можно?

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

[koloskov]

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

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

• 

[MikDark]

koloskov (24 Июль 2014 - 15:39) писал:

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

Да, была упущена запятая, теперь должно работать.

[koloskov]

Действительно Ок!

[yuragravi]

Возможно ли добавить пару блоков, сохранив адаптивность сайта?

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

• 

[daria_dnk]

yuragravi (11 Август 2014 - 20:38) писал:

Возможно ли добавить пару блоков, сохранив адаптивность сайта?

Здравствуйте! Если Вы хотите добавить баннеры, то проблем с адаптивностью возникнуть не должно.

[asya1983]

Посмотрев тему так ничего не поняла - каша какая то.
Подскажите как зафиксировать шапку и перенести корзину под поиск. И еще как выровнять под шапкой меню по центру

SL-303740

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

•