Archived topic
Overflow image
5 replies · Started by Nave on August 28, 2022
Hi there
I'm using Generatepress with Generateblocks pro.
What im trying to achive:
In the "about" section I'm trying to make the image extend beyond the screen.
The problem:
On tablet I get an horizontal scroll bar
On bigger desktop size the image is just in its regular state
This is what im trying to achive in desktop and tablet screens:
https://imgur.com/a/iLkCpuw
Would love to get some guidance here, thanks
Hi there,
1. add this CSS to your site:
.overflow-x-hidden {
overflow-x: hidden;
}2. Select the parent Container block for that section and in Advanced > Additional CSS Class(es) add: overflow-x-hidden
Hi David,
Thanks but for tablet I still have white space on the right side of the screen
You need to add the overflow-x-hidden class to Container blocks > Advanced > Additional CSS Class(es)
ah ok, missed that, now it looks great thank you!
Glad to hear that!
