Archived topic
Horizontal scrollbar on moblie screen
2 replies · Started by Omak on July 12, 2020
Viewing posts 1–3 of 3
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.
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;
}Glad you've figured out :)
This archived topic is closed to new replies.
