Site scrolls left and right on mobile - CSS help

Scorpion Ghost · Sep 16, 2018

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 · Sep 16, 2018

Anyone??

strannik-ps · Sep 16, 2018

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

Code:

html{

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

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

kittykut · Sep 16, 2018

I think the logo is too wide

nandugan · Sep 16, 2018

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

wacrofo · Sep 16, 2018

Logo too wide

Scorpion Ghost · Sep 16, 2018

wacrofo said:
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 · Sep 16, 2018

Scorpion Ghost said:
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 · Sep 16, 2018

wacrofo said:
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?

Site scrolls left and right on mobile - CSS help

Scorpion Ghost

Elite Member

Scorpion Ghost

Elite Member

strannik-ps

Registered Member

kittykut

Senior Member

nandugan

Power Member

wacrofo

Junior Member

Scorpion Ghost

Elite Member

wacrofo

Junior Member

Scorpion Ghost

Elite Member

Main Menu

Marketplace

Making Money

BlackHat World