[Lu XParticipant]

Hi,

I just looked at my site http://www.supernummy.com on my smartphone, and it appears that there is a blank gap to the right of the content. How do I eliminate that?

Thanks!

[CousettMember]

Try adding this CSS code under Appearance -> Customize -> Custom -> CSS

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px)
.x-main.left, .x-main.right, .x-sidebar.left, .x-sidebar.right {
float: none;
display: block;
width: 122% !important;
}

[Lu XParticipant]

That didn’t seem to work. Can you tweak the code?

[ZeshanMember]

Hi Lu,

Thank you for writing in!

It seems that there is some custom CSS added to your website that is sdPlease add the following CSS code in Customizer > Custom > CSS to fix this:

@media (max-width: 979px) {
   .x-container-fluid.width {
      width: 100% !important;
   }
}

Hope this helps. 🙂

Thank you.

[Lu XParticipant]

It’s still not working. Is there some CSS I’m supposed to remove?

[Paula SMember]

Hi Lu X,

Thanks for the information. I just checked your website using screenfly and it seems to be displaying well so I would like to inspect this issue further.

Can you give us a screenshot from your phone and also would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password
– FTP credentials

Kindly send us a reply with your login information (and tick the Set as private reply at the bottom).

[Lu XParticipant]

You’re right. I checked on screenfly and there’s no longer a gap, so it might just be my phone, which I’m not too concerned about, so I think I’ll leave it be. For future reference though, how do I attach a screenshot to a forum message? I can’t find the place where I would upload a file.

[ChristopherModerator]

Hi Lux,

You can use a service like http://snag.gy/ and give us the link here so we can check 🙂

Thanks.

[Author]

Posts