Archived topic
Body wider then viewport
1 reply · Started by Antonio on November 18, 2021
Viewing posts 1–2 of 2
Hello,
problem: body width is larger than viewport under some resolutions, so I see an horizontal scrollbar in the bottom on the screen.
I tried to debug the issue by eliminating page elements one by one, trying to understand what element is causing the layout shift.
Fact is: even if I remove the entire <body>, I can still see the horizontal scrollbar.
I also tried to remove all custom css with no success.
Could you please check?
Thank you
Hi there,
looks like this CSS for the query loop is the issue:
.tp-categorie .wp-block-post-template li .wp-block-post-title {
position: absolute;
bottom: 30px;
left: 50px;
background: #fff;
box-shadow: 40px 10px 50px rgba(0,0,0,0.15);
width: calc( 100% - 100px);
}The left: 50px; is causing the overflow.
This archived topic is closed to new replies.
