Перейти к содержимому


Адаптация Для Мобильной Версии


  • Авторизуйтесь для ответа в теме
Сообщений в теме: 31

#21 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 23 Декабрь 2015 - 10:57

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

#22 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 23 Декабрь 2015 - 11:17

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 10:57) писал:

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


В шаблоне HTML найдите код:

		 <div class=" col-sm-2 col-xs-9">
						 <div class="logo">

и замените на код:

		 <div class=" col-md-2 col-sm-2 col-xs-9">
						 <div class="logo">

затем найдите код:

<div class="col-right col-sm-10 col-xs-3">
					 <!-- BEGIN: Main Navigation -->
			 <div id="custommenu">

и замените на код:

<div class="col-right col-md-10 col-sm-10 col-xs-3">
					 <!-- BEGIN: Main Navigation -->
			 <div id="custommenu">


#23 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 23 Декабрь 2015 - 11:29

Спасибо, все получилось, но вылезла кнопка поиска в версии для пк. Можно ее унести к корзине и сравнению товаров?

Плюс, вопрос с мелькающим слайдером на телефоне все еще открыт, очень быстро пролистывается, просто мгновенно.

#24 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 23 Декабрь 2015 - 11:40

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 11:29) писал:

Спасибо, все получилось, но вылезла кнопка поиска в версии для пк. Можно ее унести к корзине и сравнению товаров?

Плюс, вопрос с мелькающим слайдером на телефоне все еще открыт, очень быстро пролистывается, просто мгновенно.


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

@media all and (max-width: 481px) {
  .header-middle.index {
		margin-top: 0px !important;
}
  .three_buttons {
display: none;
}
.header-middle .logo{width:100px;}
}

и замените на код:

@media all and (max-width: 481px) {
  .header-middle.index {
		margin-top: 0px !important;
}
  .three_buttons {
display: none;
}
.header-middle .logo{width:100px;}
 



Тестировала Ваш сайт на телефоне, всё отображается нормально. Каким браузером Вы пользуетесь?

#25 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 23 Декабрь 2015 - 11:42

Проблема поиска наезжающего на номер телефона не исчезла при просмотре с пк.

Телефонный браузер сафари последней версии.

#26 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 23 Декабрь 2015 - 11:47

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 11:42) писал:

Проблема поиска наезжающего на номер телефона не исчезла при просмотре с пк.

Телефонный браузер сафари последней версии.

Вы не изменили код, как я Вам написала в предыдущей инструкции. Проверьте, пожалуйста.  Протестировала слайдер на Сафари, так же проблем не обнаружено. Попробуйте почистить кеш.

#27 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 23 Декабрь 2015 - 11:50

Только сейчас заметила - код абсолютно одинаковый на который заменять... Сами взгляните(

#28 Danil

Danil

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 4 645 сообщений

Отправлено 23 Декабрь 2015 - 11:54

Просмотр сообщенияJanna_Brauer (23 Декабрь 2015 - 11:50) писал:

Только сейчас заметила - код абсолютно одинаковый на который заменять... Сами взгляните(
Здравствуйте.
Изменения Вам произвели, проверьте.

#29 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 24 Декабрь 2015 - 07:00

Спасибо, все замечательно!

Только другой вопрос встал - я добавила в меню ссылку на страницу контактов, однако в меню мобильной версии она не появилась, хотя я везде код отредактировала. Как пофиксить?

#30 Юля123

Юля123

    Активный участник

  • Пользователи
  • PipPipPipPip
  • 2 567 сообщений

Отправлено 24 Декабрь 2015 - 09:24

Просмотр сообщенияJanna_Brauer (24 Декабрь 2015 - 07:00) писал:

Спасибо, все замечательно!

Только другой вопрос встал - я добавила в меню ссылку на страницу контактов, однако в меню мобильной версии она не появилась, хотя я везде код отредактировала. Как пофиксить?

Добрый день, кнопочка у Вас появилась, просто она в другом стиле. Найдите в шаблоне  HTML код:

<li><a href="http://opt-altamar.ru/page/Kontakty"><button>контакты</button></a></li>

и замените на код:

<li><a href="http://opt-altamar.ru/page/Kontakty">контакты</a></li>


В следующий раз, когда будете добавлять новую ссылку, в мобильном меню удаляйте теги button, чтобы она внешне была такая же как и остальные ссылки.

#31 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 28 Декабрь 2015 - 13:00

Здравствуйте!
Никак не появляется ссылка на страницу Видео в мобильной версии, код ввела по вашим указаниям.

#32 Janna_Brauer

Janna_Brauer

    Продвинутый пользователь

  • Пользователи
  • PipPipPip
  • 103 сообщений

Отправлено 28 Декабрь 2015 - 13:08

Все, разобралась, ложная тревога)




Количество пользователей, читающих эту тему: 0

0 пользователей, 0 гостей, 0 анонимных