Проблемы с отображением на маленьких экранах

[sergeystv]

Добрый день, у меня очень мало знаний в области дизайна и верстки, по-этому прошу вашей помощи.

На нашем сайте я изменил картинку категории(рис 1)

 

А на телефоне отображается так(Рис2)..

 

Как мне это изменить? подскажите пожалуйста.

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

Заранее спасибо.

[Tom]

Добрый день, 

 

Код css

 

.section-4 .sections-grid-item-image {
    background-image: url(../images/main-sections/4-2.png);
    width: 170px;
    height: 131px;
    bottom: 5px;
}

Приложил скрин посмотрите, https://yadi.sk/i/m2tsu-N2ovJaa

если что не получится скиньте доступ в личку в админку поправлю.

[Tom]

Точнее правильно будет так:

.section-4 .sections-grid-item-image {
    background-image: url(../images/main-sections/4-2.png);
    width: 170px;
    height: 131px;
    bottom: 5px;
    right: 5px;
}

[sergeystv]

 

Точнее правильно будет так:

.section-4 .sections-grid-item-image {
    background-image: url(../images/main-sections/4-2.png);
    width: 170px;
    height: 131px;
    bottom: 5px;
    right: 5px;
}

Огромнейшее спасибо, можете рассчитывать на скидку в нашем магазине, как все будет готово!)

Изменено 16 февраля, 2016 пользователем sergeystv

[Tom]

Огромнейшее спасибо, можете рассчитывать на скидку в нашем магазине, как все будет готово!)

 

Ок) И первый блок Профессиональная косметика вот стили эти поставьте, а то вылазит картинка в левую сторону.

 

.section-1 .sections-grid-item-image {
    background-image: url(../images/main-sections/1-2.png);
    width: 242px;
    height: 109px;
    bottom: -5px;
}

[sergeystv]

 

Ок) И первый блок Профессиональная косметика вот стили эти поставьте, а то вылазит картинка в левую сторону.

 

.section-1 .sections-grid-item-image {
    background-image: url(../images/main-sections/1-2.png);
    width: 242px;
    height: 109px;
    bottom: -5px;
}

Еще раз огромное спасибо!