Answered my own question.  If user is visiting with a mobile browser
(there are few ways to determine this... google it), simply change
POSITION on the "modal" class from FIXED to ABSOLUTE.

In other words, in jquery:

$j('.modal').css('position','absolute');

I also had to do this when mobile:

$j('body').css('padding-top','0px');

On May 30, 1:21 pm, Philip Kaplan <[email protected]> wrote:
> Hi. My site uses Bootstrap 1.3.
>
> For a variety of reasons, I don't want to upgrade at the moment.
>
> Anyone know how to make 1.3's modal work better when viewing on an iPhone?
>
> Specifically, when a modal is launched, swiping your finger moves the
> background around but the modal stays put. So if you need to slide the
> screen a little to the left, say, to read something, you can't. The
> modal won't budge.
>
> Quick fix ideas?

Reply via email to