site width on mobile devices – Themeco Community

site width on mobile devices

Lu X — Sat, 09 Aug 2014 16:50:37 +0000

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!

Reply To: site width on mobile devices

Cousett — Sat, 09 Aug 2014 17:02:32 +0000

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;
}

Reply To: site width on mobile devices

Lu X — Wed, 13 Aug 2014 14:23:47 +0000

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

Reply To: site width on mobile devices

Zeshan — Wed, 13 Aug 2014 15:46:50 +0000

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.

Reply To: site width on mobile devices

Lu X — Wed, 13 Aug 2014 21:40:14 +0000

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

Reply To: site width on mobile devices

Paula S — Wed, 13 Aug 2014 22:42:26 +0000

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).

Reply To: site width on mobile devices

Lu X — Thu, 14 Aug 2014 13:34:24 +0000

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.

Reply To: site width on mobile devices

Christopher — Thu, 14 Aug 2014 13:36:47 +0000

Hi Lux,

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

Thanks.