Happy Halloween! Get 20% off GP Premium with the discount code: HALLOWEEN20

[Resolved] Gutenberg full width blocks (e.g. image/cover) cause horizontal scroll bar

Home Forums Support Gutenberg full width blocks (e.g. image/cover) cause horizontal scroll bar

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #824233
    Michael

    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

    GeneratePress 2.2.2
    GP Premium 1.7.8
    #824741
    Tom
    Lead Developer
    Lead Developer

    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 🙂

    #825264
    Michael

    Hi Tom,

    Perfect, thanks a lot for your answer! The Sections block sounds like a great solution 🙂

    Best regards,
    Michael

    #825766
    Tom
    Lead Developer
    Lead Developer
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.