Как оптимизировать под мобильную версию

[timaksm21]

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

[gregoro]

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

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

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

[gregoro]

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

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

[hempua]

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

Змінено 19 вересня 2018 користувачем hempua

[timaksm21]

26 минут назад, gregoro сказал:

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

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

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

[timaksm21]

26 минут назад, hempua сказал:

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

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

[hempua]

14 минут назад, timaksm21 сказал:

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

удалите

[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;
}

}

 

[timaksm21]

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;
}

}

 

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

[destreser]

Только что, timaksm21 сказал:

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

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

[timaksm21]

1 час назад, destreser сказал:

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

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

[d3x0r25655]

В 19.09.2018 в 18:50, timaksm21 сказал:

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

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