Откуда горизонтальная прокрутка?

Question

[Влад]

Пациент

cheburashka.ee/katalog/obuv-kotofej/pervyie-shagi/02206422.html

Подскажите, пожалуйста, как убрать горизонтальную прокрутку при ширине менее 500px

Comments

[Артур Карапетян]

ссылки нужно размещать в ссылку

[Артур Карапетян]

Извините, это не мое дело, но мне интересно. Зачем такая структура(.body_root_$)?

[Влад]

Артур: понятия не имею. такая была задумка неизвестного мне верстальщика..

Answer 1

[Ivan Bogachev]

как убрать горизонтальную прокрутку при ширине менее 500px

Там, как бы так сказать, у .body_root_1, .body_root_2, .body_root_3 и .body_root_4 стоит min-width: 960px.

Comments

[Влад]

это на десктопе, а для телефонов

@media only screen and (max-device-width: 500px)
style-mobile.css:32
.body_root_1, .body_root_2, .body_root_3, .body_root_4, .head_block, .head_menu_tb, .content_block, .navi_path, .catalog_list_tb td, .main_thumbs td {
    min-width: 0;
    background: none;
    width: auto;
}

[Ivan Bogachev]

Влад: Полагаю вам стоит почитать чем отличается max-device-width от max-width и почему на большом мониторе эти стили не применяются.

[Влад]

Ivan Bogachev: исправил на max-width.. но проблема не в этом..

у меня полоса прокрутки появляется только при просмотре товаров на сайте, а на остальных страницах норм. Что-то в верстке товаров...

[Влад]

в инструменте хрома все норм, а конкретно при просмотре с моего телефона и еще другого - появляется прокрутка НЕбольшая

Answer 2

[iBird Rose]

у тебя там у всех body_root_ min-width: 960px; стоит а сам как думаешь?

Comments

[Влад]

это на десктопе, а для телефонов

@media only screen and (max-device-width: 500px)
style-mobile.css:32
.body_root_1, .body_root_2, .body_root_3, .body_root_4, .head_block, .head_menu_tb, .content_block, .navi_path, .catalog_list_tb td, .main_thumbs td {
    min-width: 0;
    background: none;
    width: auto;
}