Перейти к содержанию

Рекомендуемые сообщения

Всем здравствуйте. Помогите пожалуйста, как оптимизировать под мобильную версию? Если можно, то пожалуйста по подробнее, буду очень сильно благодарен. 

1.png

2.png

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

А какой ответ вы ждете? :-) 

Готовый код? Или отрисованный дизайн в psd?

Не очень понятен сам вопрос

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Вообще лучшая рекомендация на мой взгляд - просто купите и поставьте нормальный шаблон (там уже все оптимизации встроены).

По цветам и оформлению подтяните его под свои фирменные цвета.

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

для начала уберите white-space: nowrap; в css

Изменено пользователем hempua

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
26 минут назад, gregoro сказал:

Вообще лучшая рекомендация на мой взгляд - просто купите и поставьте нормальный шаблон (там уже все оптимизации встроены).

По цветам и оформлению подтяните его под свои фирменные цвета.

Ну готовый код маловероятно кто скинет :D Хотя и бывали и такие люди, за что им огромная благодарность. Уже все сделано на стандартном шаблоне)) Думаю как-то же можно подправить этот косячок, чтоб на мобильном отображалось как надо)) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
26 минут назад, hempua сказал:

для начала уберите white-space: nowrap; в css

Нужно поставить на normal или вообще убрать? 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
14 минут назад, timaksm21 сказал:

Нужно поставить на normal или вообще убрать? 

удалите

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
@media (max-width: 768px) {

.breadcrumb {
font-size: 10px;
padding: 15px 0px;
}
.breadcrumb > li {
white-space: normal;
}
.breadcrumb > li::after {
width: 10px;
height: 10px;
top: 4px !important;
}

}

 

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, destreser сказал:

@media (max-width: 768px) {

.breadcrumb {
font-size: 10px;
padding: 15px 0px;
}
.breadcrumb > li {
white-space: normal;
}
.breadcrumb > li::after {
width: 10px;
height: 10px;
top: 4px !important;
}

}

 

Огромное Вам спасибо :-):oops:

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
Только что, timaksm21 сказал:

Огромное Вам спасибо :oops:

Хочу плюсик в репутацию! :)

  • +1 1

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
1 час назад, destreser сказал:

Хочу плюсик в репутацию! 

Вроде бы поставил)) 

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты
В 19.09.2018 в 18:50, timaksm21 сказал:

Вроде бы поставил)) 

Вставил ваш код в stylesheet но у меня все равно на кнопку "отправить сообщение" и надпись о политике безопасности Яндекс карта закрывает собой и вон небольшой косяк появился в строке где контакты (на компе отображается хорошо)

2BB3ork79uw.jpg

RYXFvFbScxo.jpg

Поделиться сообщением


Ссылка на сообщение
Поделиться на другие сайты

Для публикации сообщений создайте учётную запись или авторизуйтесь

Вы должны быть пользователем, чтобы оставить комментарий

Создать учетную запись

Зарегистрируйте новую учётную запись в нашем сообществе. Это очень просто!

Регистрация нового пользователя

Войти

Уже есть аккаунт? Войти в систему.

Войти

  • Последние посетители   0 пользователей онлайн

    Ни одного зарегистрированного пользователя не просматривает данную страницу

×

Важная информация

На нашем сайте используются файлы cookie и происходит обработка некоторых персональных данных пользователей, чтобы улучшить пользовательский интерфейс. Чтобы узнать для чего и какие персональные данные мы обрабатываем перейдите по ссылке. Если Вы нажмете «Я даю согласие», это означает, что Вы понимаете и принимаете все условия, указанные в этом Уведомлении о Конфиденциальности.