Site logo

Archived topic

UAGB block width issue with no sidebar

6 replies · Started by Joao on January 4, 2020

Viewing posts 1–7 of 7

Hi, I'm not sure this is directly related to GP but here's the thing:

When you look at https://anabelachastre.pt/ you will notice horizontal scroll becomes active.
One way I can prevent this from happening is by adding this:

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

I could also try to replace the above the header block by another (non UAGB) similar block.

Is this a UAGB issue or a GP issue? If GP, am I doing anything wrong?

Thank you.

J

*above the fold block (not above the header block)

Hi there,

Gutenberg align full block causes issue like this sometimes.

Try this CSS:

body {
    overflow-x: hidden;
}

It works perfectly! It was the 2nd time I saw this happening; 1st I changed the block plugin and didn't pay more attention.
Thanks Leo, I'm really glad to have this issue solved (and a clue to what is causing it).
Joao

No problem :)

This was super helpful.

Is it possible that this can be fixed out of the box with Generate Press?

This is something should be fixed in Gutenberg align full blocks :)

For now it's better to add that CSS as needed.

This archived topic is closed to new replies.