White bar on mobile displays

Endorsa · ‎Mar 20, 2025

Is anyone to help me diagnose the white bar on the right side of the screen on mobile devices? I assume that some content block is too wide but I can't find the offender. Help!!

https://endorsa.co/endorse

evaldas · ‎Mar 20, 2025

Hi @Endorsa,

This is likely happening because of the animation effects that you have in place on your website for the content sliding as the user scrolls. Some of the section slide in from the right, creating unintended whitespace in order to "hide" before appearing.

The easiest fix for this would be to apply a CSS rule with "overflow-x: hidden" on your <body> element.

Hope this helps!

✔️ Did this post help answer your query? Help the community by marking it as a solution.

View solution in original post

evaldas · ‎Mar 20, 2025

Hi @Endorsa,

This is likely happening because of the animation effects that you have in place on your website for the content sliding as the user scrolls. Some of the section slide in from the right, creating unintended whitespace in order to "hide" before appearing.

The easiest fix for this would be to apply a CSS rule with "overflow-x: hidden" on your <body> element.

Hope this helps!

✔️ Did this post help answer your query? Help the community by marking it as a solution.

Endorsa · ‎Mar 20, 2025

You're wise beyond your years. We owe you a beer, sir.

evaldas · ‎Mar 21, 2025

I appreciate it!

✔️ Did this post help answer your query? Help the community by marking it as a solution.

Blog, Website & Page Publishing