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

[ksusagal]

Здравствуйте! Задам последний важный вопрос перед запуском магазина. Подскажите, почему сайт отображается вот так на iPhone и iPad? (Прилагаю скрины) Может быть можно как то это исправить? Т.к. основной поток клиентов планируются именно с этих гаджетов. Помогите пожалуйста...
Шаблон весна, Аккаунт SL-286727 а

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

• 
• 

[Ирина345]

 ksusagal (03 Октябрь 2014 - 20:30) писал:

Здравствуйте! Задам последний важный вопрос перед запуском магазина. Подскажите, почему сайт отображается вот так на iPhone и iPad? (Прилагаю скрины) Может быть можно как то это исправить? Т.к. основной поток клиентов планируются именно с этих гаджетов. Помогите пожалуйста...
Шаблон весна, Аккаунт SL-286727 а

Здравствуйте, шаблон,который вы используете является адаптивным под мобильные устройства, но после внесенных изменений на сайт, так же нужно внести изменения и в адаптивность,
для этого найдите в main.css

@media only screen and (max-width: 480px) {
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom:10px;}
  #header #search input {width:70%;}
  #header #support {display:none;}
  #header #logo {margin: 0;}
  #header #cart{ width: 98%; min-width: 98%;float: none;margin-bottom: 10px;}

заените на

@media only screen and (max-width: 480px) {
  h2 {font-size: 24px;}
  .inner {width:80%;}
  #header_colapse .inner {display:block !important;}
  #toggle_switch {display:none;}
  #header .links {margin:0;}
  #compareInfo {margin-left:0px;float: left;}
  #header #welcome {display: none;}
  #header #search {position:relative;clear:both;width:100%;margin-bottom: 40px;
margin-top: 20px;}
  #header #search input {width:70%;}
  #header #support {display:none;}
  #header #logo {margin: 0;}
  #header #cart{ width: 100%;
min-width: 100%;
float: none;
margin-bottom: 10px;
margin-top: -27px;}

[ksusagal]

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

[batta]

 ksusagal (06 Октябрь 2014 - 12:17) писал:

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

Здравствуйте.
У нас отображается корректно, попробуйте зайти через другой браузер.

[ksusagal]

Заходила через оперу и хром- результат такой (скрин)

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

• 

[Danil]

 ksusagal (06 Октябрь 2014 - 19:28) писал:

Заходила через оперу и хром- результат такой (скрин)

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

[Retina]

Помогите пожалуйста изменить мобильную версию сайта.

1) сделать отображение хедера
2) переместить ПОИСК
3) убрать из мобильной версии слайдер, оставив в версии для РС

Скрин с размещением приложил.
Спасибо.

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

• 

[Vaccina]

В main.css после:

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

найдите:

#header #welcome {
	display: none;
}

замените на:

#header #welcome {
	width: 30%;
	float: left;
}

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

#header #support {
	display: none;
}

замените на:

#header #support {width: 60%;}

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

#header #search {
	position: relative;
	clear: both;
	width: 100%;
	margin-bottom: 10px;
}

замените на:

#header #search {
	position: absolute;
	clear: both;
	width: 40%;
}
#module_area {
	display: none;
}

[Retina]

Спасибо. И еще небольшая корректировка: телефон с иконкой звонка хочется расположить по центру относительно верхнего и нижнего поля (сместив иконку звонка еще и вправо) и убрать в мобильной версии надпись "связаться с нами"

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

• 

[Firefly]

 Retina (27 Июнь 2016 - 19:30) писал:

Спасибо. И еще небольшая корректировка: телефон с иконкой звонка хочется расположить по центру относительно верхнего и нижнего поля (сместив иконку звонка еще и вправо) и убрать в мобильной версии надпись "связаться с нами"

Здравствуйте.
Создал Вам бэкап 27.06.2016 20:06:45 и произвел изменения.
Проверьте, пожалуйста.

[pro_taras]

Аккаунт SL-315271

Помогите исправить отображение сайта на ipad
на ПК все ок, а на ipad и iphone все поля в шапке расползаются

скрин прилагаю

[Ирина345]

 pro_taras (13 Сентябрь 2016 - 08:47) писал:

Аккаунт SL-315271

Помогите исправить отображение сайта на ipad
на ПК все ок, а на ipad и iphone все поля в шапке расползаются

скрин прилагаю image.jpg

Здравствуйте, уточните в каком браузере Вы просматриваете сайт, а так же протестируйте на другом браузере, но на том же устройстве.

[pro_taras]

 Ирина345 (13 Сентябрь 2016 - 17:36) писал:

Здравствуйте, уточните в каком браузере Вы просматриваете сайт, а так же протестируйте на другом браузере, но на том же устройстве.

просматриваю в сафари
но в хроме и яндексе та же песня...

[Stasya]

 pro_taras (13 Сентябрь 2016 - 19:25) писал:

просматриваю в сафари
но в хроме и яндексе та же песня...

Вам ответили в другой теме нашего форума.