SitePoint Sponsor

User Tag List

Results 1 to 4 of 4
  1. #1
    SitePoint Addict ketting00's Avatar
    Join Date
    Jul 2011
    Posts
    325
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)

    I need help to find out why there's a blank part in responsive design

    Hi guys,

    I need your help to figure out why there's an extend part to the right when firing a JavaScript function.

    In my responsive design of max-width 360px, there nothing wrong on the landing page. But when I clicking on a button to fire a JavaScript function the horizontal scroll bar extend to the right and there's a blank space on that side.

    I use right click and Inspect element but can't find that extended part. So how do I find it?

    Sorry for not providing the link, it's a member logged-in area.

    Thank you,

  2. #2
    SitePoint Mentor bronze trophy
    ronpat's Avatar
    Join Date
    Jun 2012
    Location
    NJ, USA
    Posts
    2,576
    Mentioned
    63 Post(s)
    Tagged
    2 Thread(s)
    Hi, ketting00.

    I'm sure that you know that there is very little we can do to diagnose a problem without access to code.

    If you can set up a test account, we should be able to help.

    Tell us also what device or browsers demonstrate the problem.

    Please click the link at the bottom of my post if you need suggestions for ways to give us code that demonstrates the problem.

    Thanks.

  3. #3
    SitePoint Addict ketting00's Avatar
    Join Date
    Jul 2011
    Posts
    325
    Mentioned
    3 Post(s)
    Tagged
    0 Thread(s)
    Well, it turn out this trick does the job:
    Code:
    overflow-x:hidden;

  4. #4
    It's all Geek to me silver trophybronze trophy
    ralph.m's Avatar
    Join Date
    Mar 2009
    Location
    Melbourne, AU
    Posts
    24,293
    Mentioned
    460 Post(s)
    Tagged
    8 Thread(s)
    Quote Originally Posted by ketting00 View Post
    Well, it turn out this trick does the job:
    Code:
    overflow-x:hidden;
    That's basically a "sweep it under the carpet" solution. It would be better to address the real problem. It seems an element is created or revealed by JS that is far too wide for the mobile layout and needs to be resized.


Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •