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

Сайт http://www.nashermak.ru/

вверху две проблемных картинки которые не подстраиваются под размер экрана (для мобилок)
1 это баннер на всю ширину который
2 логотип

добавил код

Код: [развернуть]

<img alt src="" style="max-width: 100%; height: auto;"/>

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

лого попадает под условие max-width вот и не уменьшается. Покрутил у себя в браузере, вроде не вылазит за пределы области видимости. Хотя у самого лого щас нету этого стиля, что у тебя указан. Но с ним тоже самое.

вот сюда вынес, удобней править - https://jsfiddle.net/b16v7knL/

надо что бы при маленьком разрешении правый баннер убирался (убирается)
а лого подстраивалось под размер экрана (не подстраивается)

в css добавте

#mylogo{
width:95%; /*если быстро но грубо, чтобы поставить 100% нудно родительские блоки привести в порядок*/
}

#mylogo img{
width:100%;/*ну или в img width:100%;*/
}



скрин: http://i.yapx.ru/ZH6x.png

Ailk писал:

лого попадает под условие max-width вот и не уменьшается.

да если бы там было min-width

Mary Huana: супер, спасибо большое

не понял, всё же работает на сайте. И там в примере в хтмл id, а в стилях точка классы