Блок со скроллингом = контент шире экрана

127

Aphex

26 сентября 2018, 13:44

557

На мобильной версии сайта присутствует элемент со скролящимися внутри товарами.

У контейнера:

display: flex;

overflow-x: auto;

Но Google Search Console ругается, что эта страница не оптимизирована для мобильных устройств, ошибка "контент шире экрана"

Подскажите, как организовать горизонтальный скроллинг на странице и обойти эту ошибку?

Делай только то, что дается тебе легче всего, но делай это изо всех сил.

396

Оптимизайка

26 сентября 2018, 14:31

#1

max-width: 100%; ?

покажите пример сайта или jsfiddle накидайте

⭐ BotGuard (https://botguard.net) ⭐ — защита вашего сайта от вредоносных ботов, воровства контента, клонирования, спама и хакерских атак!

127

Aphex

26 сентября 2018, 15:17

#2

396

Оптимизайка

26 сентября 2018, 15:21

#3

Aphex, у ".product__products" уберите margin-right: -14px;

1

S0

123

SE-0

27 сентября 2018, 05:30

#4

Оптимизайка, пользуясь случаем, можете подсказать, что нужно подправить в CSS, что <table> не выходило за область в мобильной версии?

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

пример страницы: free-manuals.info/ru/sm-lg-f12a8hd5/

jpeg 1538026074282.jpeg

82

SeoWomen

27 сентября 2018, 05:39

#5

SE-0:
Оптимизайка, пользуясь случаем, можете подсказать, что нужно подправить в CSS, что <table> не выходило за область в мобильной версии?

Задайте для таблице ширину в 100% ===> width:100%;

1

http://www.raznoblog.com/ (http://www.raznoblog.com/)