IOS question

[ghost]

Can't get modal window to fit safari/iphone5 (jumps to bottom of window and doesn't re-size) - any tips really welcome...
Works so well in everything else.

[anselmh]

Hi @RichardAtWork, could you provide a working example or at least a screenshot what error happens?

[drublic]

Screenshot would be awesome. Sadly I don't own an iPhone 5. It works great on 4S (except the problems ok #31 and #32).
Did you do any modifications to the modal? Code would be great too.

[ghost]

I'll try it on a 4S, I got upgraded by my employer… I'll get you a screenshot.
Here's the code for one of the modals - all I changed was the labels (I'm using the modals as lightweight slideshows). The media queries are all unaltered - I had a go at changing the max/min em values but it didn't seem to have any effect.
One thing did occur to me, to wrap the slideshow in a div to control the scaling, but that's already driven by flexsilder.js and behaves in everything else?
FYI, also does the same thing on Blackberry (Curve).

Sorry of the bother, I know IOS is a pain...

<!-- modal -->

        <!-- Call the modal by clicking this link -->
        <a href="#modal-text1" class="call-modal" title="Clicking this link shows the modal">Tell me about Volvo</a>

        <!-- A modal with its content -->
        <section class="semantic-content" id="modal-text1"
                tabindex="-1" role="dialog" aria-labelledby="modal-label1" aria-hidden="true">

            <div class="modal-inner">
                <header>
                    <h2 id="modal-label1">Volvo Europe</h2>
                </header>

                <div class="modal-content">
                    <p><div class="flexslider">
                  <ul class="slides">
                    <li> <img src="images/sliderExample1.jpg" /> </li>
                    <li> <img src="images/sliderExample2.jpg" /> </li>
                    <li> <img src="images/sliderExample3.jpg" /> </li>
                  </ul>
                </div></p>
                </div>

                <footer>
                    <p>Commissioned in early 2011, Meda have be working with Volvo to deliver an experience strategy, aligning places, people and messages across the network, with the aim of creating a more effective - and carefully planned – retail sales and service environment.</p>
<h6 class="icon icon-envelope"><a href="mailto:info@experiencemeda.com?subject=The Volvo Europe Project on your website"><br>
Get in touch about this project</a></h6>
</footer>
            </div>

          <!-- Use Hash-Bang to maintain scroll position when closing modal -->
            <a href="#!" class="modal-close" title="Close this modal"
                    data-dismiss="modal">&times;</a>
</section>

<!-- /modal --> 

[ghost]

Hey, sure, thanks for the quick response. A (very rough and ready) experimental build is here http://www.medadesign.co.uk/responsive/index.html.

[anselmh]

Well, I can confirm that somehow on my iPhone5 but this rather looks like a general issue with the site on mobile. Maybe another script is catching calls? I don't have the time to dig in deeper right now, sorry. Maybe in the next days…

[ghost]

Hey, thanks for taking a look anyway. I'll keep testing and let you know if I find the fix.