Horizontal Scrollbar on align full items

[Phuc]

There’s a horizontal scrollbar, when setting default gutenberg blocks to full width.
You might not see this on the mac, because the scrollbar is only visible, when you scroll.
But on Linux and Windows it’s visible and caused by

.no-sidebar .entry-content .alignfull {
max-width: 100vw;
}

I don’t see a fix for this with this method. I don’t apply the default width to the container but to the items inside the container.

You can test it by yourself by setting the layout without sidebar

[Leo]

Hi there,

Try this CSS:

body {
    overflow-x: hidden;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Let me know if this helps 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Phuc]

I had the same idea, the problem is, that all the padding calculations are wrong, since the width of the scrollbar messes up the whole calculation. And all the browsers have different scrollbar widths.

[Leo]

That’s the only solution we have currently unfortunately.

I’m not sure about the padding issue though, can you apply it so I can see?

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Phuc]

True, I guess that wrong calculation happened, while I was trying to adjust the behaviour of the group blocks.

[Leo]

Sounds good.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Author]

Posts