Horizontal scrollbar on moblie screen

[Omak]

Hi! There is horizontal scrollbar on mobile screen. The content does not fit completely into the width of the mobile screen. This problem occurs only on posts.
Page (no horizontal scrollbar) – https://tuvaexport.ru/chto-takoe-eksport/
Post (there is horizontal scrollbar) – https://tuvaexport.ru/novosti/rets-sobiraet-predlozheniya-predprinimateley-po-rasshireniyu-vozmozhnostey-sistemy-odno-okno/
CSS code html, body {overflow-x: hidden;} does not help. It removes the scroll, but the content still does not fit fully in the width of the screen on the phone.

[Omak]

Found the cause of the problem – sticky footer code

/*sticky footer*/
html, body {
    height: 100%;
}
body {
    display: flex;
    flex-direction: column;
}
#page {
    flex: 1 0 auto;
}
.admin-bar #page {
    margin-bottom: -32px;
}
.site-header, .site-footer {
    flex-shrink: 0;
}

[Leo]

Glad you’ve figured out 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts