Адаптация шапки сайта под мобильные телефоны

[Alex4545]

Всем доброго времени суток, помогите решить проблему. На сайте есть шапка, в которой есть png файл, прописал его через stylesheet.css, его растягивает и дублирует по горизонтали, а если заходить через телефон, то png файл слишком большой и не помещается на экран.

Адрес сайта babybag.pp.ua

Заранее благодарю за ответ.

Змінено 2 жовтня 2019 користувачем Alex4545

[andrey8501]

background-size:cover;

 

[Alex4545]

9 минут назад, andrey8501 сказал:

background-size:cover;

 

Спасибо, после прописывания данной команды картинка перестала дублироваться, но она стала больших размеров и при изменение масштаба сайта, она не изменяется

[n3bo]

19 минут назад, Alex4545 сказал:

Всем доброго времени суток, помогите решить проблему. На сайте есть шапка, в которой есть png файл, прописал его через stylesheet.css, его растягивает и дублирует по горизонтали, а если заходить через телефон, то png файл слишком большой и не помещается на экран.

 Адрес сайта babybag.pp.ua

Заранее благодарю за ответ.

не нужно так делать, как сделали вы. Это неправильно - размещать телефоны, время работы и т.д. на картинке

[andrey8501]

3 минуты назад, Alex4545 сказал:

Спасибо, после прописывания данной команды картинка перестала дублироваться, но она стала больших размеров и при изменение масштаба сайта, она не изменяется

тогда пропишите
 

//уберите background-size:cover;
background-image: url(../image/header.png) top center no-repeat;

картинка будет оригинального размера без повторения, по центру

на устройствах допустим меньше 960px добавьте код css

@media screen and (max-width:960px){
#top{background-size:100% auto;}
}

 

[Alex4545]

4 минуты назад, n3bo сказал:

не нужно так делать, как сделали вы. Это неправильно - размещать телефоны, время работы и т.д. на картинке

спасибо, но это так жена захотела

[HyperLabTeam]

@Alex4545 поверьте вам не стоит вообще ковыряться там...

[HyperLabTeam]

@andrey8501 вы там никаких проблем не видите что-ли на сайте?))

[Alex4545]

В 02.10.2019 в 14:41, AWARO сказал:

@andrey8501 вы там никаких проблем не видите что-ли на сайте?))

о каких именно проблемах Вы говорите?

Змінено 6 жовтня 2019 користувачем Alex4545

[Alex4545]

В 05.10.2019 в 07:36, nikifalex сказал:

да там еще много проблем и в футере и хидере и в контенте

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

[AndreyQ]

48 минут назад, Alex4545 сказал:

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

В шапку, в здравом уме в 2019 году, такую картинку целиком никто будет ставить. Это плохая идея, начиная с адаптации под устройства и заканчивая телефонами, почтой и тд, при клике на которые не открывается звонилка\вацап\скайп и тд

[HyperLabTeam]

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

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

наплодите их ещё больше. но... хозяин барин.
можно вообще весь сайт нарисовать в альбоме

[Alex4545]

6 часов назад, AWARO сказал:

наплодите их ещё больше. но... хозяин барин.
можно вообще весь сайт нарисовать в альбоме

а как бы Вы сделали на моем месте?

[magdek]

25 минут назад, Alex4545 сказал:

а как бы Вы сделали на моем месте?

Для начала взять нормальный шаблон, если из бесплатных то Next Default

Змінено 6 жовтня 2019 користувачем magdek