Site scrolls left and right on mobile - CSS help

[Scorpion Ghost]

Here's a site - https://wizard4socialmedia.com/

If I open it on my Samsung/mobile device, for some reason I can scroll left and right, even though the part on the right is just empty white space. There's no element that overflows to the right as far as I can see. And the width is 100%, so I don't understand why this is happening.

Can anyone figure out why this is happening, and even better how to fix it?

Thanks

 

[Scorpion Ghost]

Anyone??

 

[strannik-ps]

Hi, it is simple to remove horizontal scrolling,
add a code to style.css

html{

    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

  body
  {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
  }

 

[kittykut]

I think the logo is too wide

 

[nandugan]

Try this
html, body {
overflow-x: hidden;
}

 

[wacrofo]

Logo too wide

 

[Scorpion Ghost]

Logo too wide

That's right. I fixed it now, thank you

One more question. This page: https://wizard4socialmedia.com/about

The 3 images on the right don't get compacted on mobile, so they make the page too wide.

Any ideas why they stay there instead of getting in line when the page is viewed on mobile?

 

[wacrofo]

That's right. I fixed it now, thank you

One more question. This page: https://wizard4socialmedia.com/about

The 3 images on the right don't get compacted on mobile, so they make the page too wide.

Any ideas why they stay there instead of getting in line when the page is viewed on mobile?

You have a problem with your theme in general. It's not responsive

 

[Scorpion Ghost]

You have a problem with your theme in general. It's not responsive

Yeah, probably. I'm not a coder, I just do my best.

The site looks good on my lap top, and after fixing every problem I could locate, now the site also looks good on my Samsung phone. The only problem I have left is on the "About" page.

Any ideas how I could fix that?