MYSTERIOUS OVERFLOW: Please Help!

Design help General
1

I have overflow on my site for an unknown reason.
I was told to “look at each of your styles and locate those elements which go beyond the body, and change the styling to not use fixed widths and to make sure that all elements stay 100% within the body width.”

I’m like 99% sure all of the widths are not fixed, and I’m also 99% sure that the issue is somewhere within the “content section” block, as the issue is only present on pages with that element.

The below screenshots are of the “animation” page.
Here’s where I want my size to end, horizontally:

2560×1440 767 KB

But here’s where it overflows on the right:

2560×1440 763 KB

Here’s my test link.
Published Domain

Here is my public share link: LINK
(how to access public share link)

2

@bowsertattoo your project link is not working.

1 Like
3

@AlexManyeki I fixed the project link! If you click on it now it should work.

4

Did you fix it? I can’t see an issue with it.

5

@jbleroux Try scrolling to the right. There’s overflow still.

6

1920×948 213 KB

I get an up and down scroll. One of the easist fixes for overflow though it to take the section and make it overflow none

this needs to be done if say an interaction moves a div

also not sure if you want the writing to be centered in you link blocks but easist way to do that is using flex box. on your link block

temporarily delete the added class ie clouds and apply the flex to link block it will affect all of the link blocks instead of manually doing them one by one then you can reapply the added class

1 Like
7

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.