Horizontal scroll

Hi Rodrigo,

I’m not sure what’s causing the issue you mention exactly but adding this to “Customizer – Additional CSS” should solve it …

h1.alignfull, h3.alignfull {
max-width: 100%;
}

I’ll take a look at your other ticket when I get a moment (probably tomorrow now).

Oliver

Hi Oliver, thank you for coming to the rescue.

The code didn’t solve it, even after emptying the cache and reloading.

But it does removes it (even that it “descenters” the title’s alignment too) when I uncheck the “max-width: calc(var(–responsive–alignfull-width) + (2 * var(–global–spacing-vertical)))” at the .wp-block-group.has-background .wp-block-group__inner-container > .alignfull elemnt in the Inspect tool.

Ok. Have a great evening.
Rod

EDIT: it worked when adding !important though, and it descentered the text, pushing it to the left edge.

• This reply was modified 3 years, 3 months ago by rod.

Hi Rod,

I wouldn’t normally suggest the !important flag but in this case I think it’s worth it to resolve your issue.

Glad you sorted it.

Oliver

Hi Oliver,

I verify that the horizontal scroll is gone in the desktop view but the grey H3 element is strangely pushed to the left. In the mobile view there is still an horizontal scroll and the same grey H3 has some letters hidden on the left side.

In the inspector I saw that this element has two rectangles with “flow-root” and “overflow” in the html. I see that the margin left is -30px, instead of 30px like the other margins. Could this give you a clue to the solution?

Thank you for being there,
Rod

Hi Rod,

I’m not sure what’s going on with your block styles but it really doesn’t look right at all.

My advice to you is to take everything out of your “Customizer – Additional CSS” and then add it back in one thing at a time making sure that every piece is required.

I would also strongly advise against modifying any margin or padding styles on block elements.

Oliver

Hi Oliver. Thank you. I’ll do that.

I am not sure I understand your advise. You mean not at all, neither on the block settings (editor) nor on the “Customiser-Additional CSS”? If so, how can I make the banners/covers/group blocks “stretch” to the screen limit, considering that they come with padding or margins already?

Rod

Hello Rod,

Whatever you are doing in “Customizer – Additional CSS” is breaking the block styles (padding, margin, max-width, width, etc).

To make a block “stretch” to the screen limit you should be setting it to be “Full Width” in the editor.

Oliver

Hi Oliver!

I removed all CSS from the “Customiser – Additional CSS” and started adding it one by one. From the beginning (way before I reach any styling bellow the header) that I noticed that the right side margin with scroll was already there. So I guess it can’t come from the Customiser.

I decided to put the H1 and H3 titles as “Wide width” so the text left edge doesn’t get hidden and the right margin with scroll disappears. But it is still there in the mobile view and in all pages!

Does this info gives you any other clues to solve this puzzle?

Rod

Hi Rod,

Please remove all CSS from “Customiser – Additional CSS” and confirm that the issue persists. If it does, leave the “Customiser – Additional CSS” empty and I’ll take a look to see what’s causing it.

Oliver

doing it

Done.

I found out that desactivating Yoast SEO plugin made the blank side space reduce almost completely. But making the H3 title full width again increased the scroll again, revealing that it might have nothing to do with that plugin.

Hi Rod,

It might be the slider that’s causing it. Can you please try removing it temporarily?

Thanks,

Oliver

Too bad I missed you during a kitchen pause. Hope you’re still there.

Desactivated it. It seems to still be there the issue.

Rod

Rod, this is really perplexing me. Can you please remove the block group that reads …

Qu’est ce que
? manger sainement ??
Découvrez la science, comprenez l’évidence, et sachez vous repérer dans un monde d’informations contradictoires en matière de nutrition, pour devenir autonome et confiant dans vos choix alimentaires pour une meilleure santé.?
Ateliers de nutrition et santé

I need to rule that out as a cause of the issue.

Thanks,

Oliver

done

glad you’re there