Jump to content
Sign in to follow this  
diretornak

Problem With Modal On Mobile Devices

Recommended Posts

diretornak    2
diretornak

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?

Share this post


Link to post
Share on other sites
Rob    547
Rob

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


Former PageLines Moderator, Food Expert and Raconteur

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

I used it in the regular footer columns widget

Share this post


Link to post
Share on other sites
Danny    1,327
Danny

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.


Please search our forums, before posting!

Share this post


Link to post
Share on other sites
diretornak    2
diretornak

I used 

[pl_modal title="Nosso Endereço" type="btn" colortype="info" label="Escrito"]
Av. Dr. Guilherme Dumont Villares, 1715 - 3º Andar</br>
Conjunto 3D - Portal do Morumbi</br>
São Paulo - SP - Brasil
[/pl_modal]

 

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.

Share this post


Link to post
Share on other sites
James B    436
James B

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

 

http://support.pagelines.me/docs/plugins/browser-specific-css/


Kindly search the forum and read the documentation before posting. It will help you resolve many issues.

For CSS help be sure to check out W3Schools first and be sure to download FireBug for FireFox for troubleshooting.

James B

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

Sign in to follow this  

  • Similar Content

    • kwaoru
      By kwaoru
      Hi,
       
      I have been using DMS and pagelines.
      I am facing to a huge trouble with the appearance of one of my page on mobile (smart phones) built with pagelines.
      However I haven’t come to any solutions to organise either edit the appearance of mobile view to look neat or deactivate the responsive function. 
      Now it looks totally messy on the phone...
       
      1. Is there any way to edit the appearance of the mobile version (responsive theme)?
      2. Is there any way to deactivate responsive function?
       
      If I could receive support from you to go thorough this process I would be happy to be a pro member. 
       
      Looking forward to hearing from you.
    • poseyg
      By poseyg+
      This just happened to a site I'm working on. When I decrease width of browser to check for responsiveness...the pagelines content section is not responding???
    • yemoonyah
      By yemoonyah+
      While building my website, I set a padding of 5%, 25%, 5%, 25% so the text on the pages is not too wide.
      However, it looks crappy on mobile.
      How do I get the same effect and still have it look good on mobile?
      Example: http://yemoonyah.com/quiz
      Thanks
    • Michael Kummer
      By Michael Kummer+
      Hi guys,
      can I limit the overall of MegaNav on mobile? When I look at michaelkummer.com on a mobile device, the menu takes up more than a third of the screen space. Using CSS to limit max-height doesn't seem to work. Is there another/better way to reduce the overall height to maybe 10% of the screen available?
      Thanks
      Michael
       
    • Queue-it
      By Queue-it+
      Hi,
      Pagelines has great extension called "Tour guide", but on the mobile the sections don't break up in a user friendly way.  I attached an image with a mobile view, where the section is set to break with text-button - image instead of text-image-button. 
      https://www.pagelines.com/product/pl-section-tourguide/
      Is there an easy way to change that sequence?
       

×