Overflow white space, Heading and Image Issue

Q_Rollins · February 20, 2021, 4:29pm

Hi everyone first time user here with a one page website…

Can someone please take a look at my website and help me figure out where I’ve gone wrong.

I’m running into an issue with whitespace overflow on mobile (seems to be common
in the forums). I’ve already made an attempt running through the website changing
the overflow settings however it ultimately locked my site from allowing you to
scroll during normal use.

I’ve heard the next step to resolving this issue is manually going through the entire
website in X-ray mode to find out what elements are spanning to far out of the
display area…is their an easier way?
The heading and image in the about section are unorganized an seem to be fixated
to a random area. Originally I was using the “relative” and “absolute” positioning
to resolve this issue however the website became completely unorganized and non
responsive as I began scaling down to tablet and mobile. Now they are just
centered randomly in the middle of the page.
When scaling down from desktop to mobile on a section with long text and an
image how do you prevent the text from constantly overlaying over top of the
image? The text is being responsive but it just keeps scaling over top of my images