Archived topic
Gutenberg full width blocks (e.g. image/cover) cause horizontal scroll bar
5 replies · Started by Michael on February 28, 2019
Hi support,
The title says it all, see for example here: [edit] or here the default Gutenberg demo post: [edit]
But not only the "Image" and "Cover" blocks, for example the "Pullquote" block also causes this (see here: [edit]).
So basically everything with the "alignfull" CSS class seems to be affected.
I already found a solution here in the forum: https://generatepress.com/forums/topic/gutenberg-cause-horizontal-scroll/
But as I really only use plain vanilla Gutenberg + GeneratePress, I thought I ask if you already have this issue on your radar and if this will be fixed in a future release (or maybe it is a problem with my specific site)?
By the way, I really love the Gutenberg + GeneratePress combo :-) Coming from the "multipurpose" X theme, it's really amazing to see how much you can do with the lightweight GP theme/plugin! This will be my new basic framework for all new client projects :-)
Thanks a lot and best regards,
Michael
Hey Michael,
This is a known issue, as the alignfull block uses a somewhat "hacky" way to force elements to be full width.
As of right now, this is the only solution:
body {
overflow-x: hidden;
}Once we release our Sections block, you'll be able to create full width blocks without using the alignfull option.
Glad you're enjoying GP! That's awesome :)
Hi Tom,
Perfect, thanks a lot for your answer! The Sections block sounds like a great solution :-)
Best regards,
Michael
No problem! :)
Just ran into this myself. Is the body overflow css still the only solution?
I assume after 3 years that there's no section block coming?
Thanks
Hi Peter,
Can you open a new topic and link us to the site in question?
