Jump to content


Photo
- - - - -

Problem With Modal On Mobile Devices

mobile modal display

  • Please log in to reply
5 replies to this topic

#1 diretornak

diretornak

    Advanced Member

  • Members

  • 88 posts
  • LocationSao Paulo, Brasil
  • Framework Version:Always Latest
  • Country: Country Flag

Posted 25 November 2012 - 02:34 AM

Hey guys! I am using the modal shortcode on a website but I am having an issue with the display on mobile devices. What happens is that when the modal opens on the iphone or ipad, it displays on the top of the screen, and not in the middle (as it does in the desktop). Since I have the buttons on the footer, when I click on them in my mobile devices, I gotta scroll back all the way up in order to see it. I tried to avoid using the modal in the mobile version but I cant think of a better solution. Any ideas?

#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 25 November 2012 - 05:56 PM

Where in the footer did you apply the modal? Which widget did you apply it in?

#3 diretornak

diretornak

    Advanced Member

  • Members

  • 88 posts
  • LocationSao Paulo, Brasil
  • Framework Version:Always Latest
  • Country: Country Flag

Posted 26 November 2012 - 03:43 AM

I used it in the regular footer columns widget

#4 Danny

Danny

    Is Awesome!

  • Moderators
  • 15084 posts
  • LocationManchester, UK
  • Country: Country Flag

Posted 26 November 2012 - 08:54 AM

Hi,

Can you provide the following please.

What code for the modal are you using?
what version of Wordpress & PageLines are you using?

I have just this moment added a Modal using a text widget into the Footer Columns sidebar and then viewed my test site on my iphone, the modal loads correctly.

#5 diretornak

diretornak

    Advanced Member

  • Members

  • 88 posts
  • LocationSao Paulo, Brasil
  • Framework Version:Always Latest
  • Country: Country Flag

Posted 29 November 2012 - 09:28 PM

I used 

Please Login or Register to see this Hidden Content

 

in a text widget inside the footer columns sidebar. I am using Wordpress 3.4.2 and Pagelines 2.3.6. I guess the latest patch made it work fine on iphone, but it is still not working on iPad.



#6 James B

James B

    Advocate

  • Moderators
  • 5126 posts
  • LocationSurrey - UK
  • Country: Country Flag

Posted 01 December 2012 - 04:51 AM

If this is still happening on your setup, you might be able to use some browser css to correct this. 

 

Please Login or Register to see this Hidden Content







Also tagged with one or more of these keywords: mobile, modal, display