[Support request] Overflow image

[Nave]

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

[David]

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

[Nave]

Hi David,
Thanks but for tablet I still have white space on the right side of the screen

[David]

You need to add the overflow-x-hidden class to Container blocks > Advanced > Additional CSS Class(es)

[Nave]

ah ok, missed that, now it looks great thank you!

[David]

Glad to hear that!

[Author]

Posts