Mobile View

This topic contains 11 replies, has 2 voices, and was last updated by  Andrea Slink 3 months, 1 week ago.

How to Question
ISSUE RESOLVED
  • Author
    Posts
  • #8282869

    Andrea Slink
    Participant

    Hello!
    Please see also #8281561.
    = 2.2.3 – 2016/10/26 =
    * Tweak – Hardcode Fancybox and Colorbox pop-up Scroll with page option on mobiles for improved UX
    The problem with the mobile view is back again.
    I checked it on ihpone 6s and ipad pro.
    Kind regards
    Andrea

  • #8282901

    Nguyen Tuan
    Keymaster

    Hi Andrea

    I think it’s working on iphone 6s, just can’t apply for ipad or ipad pro so that it’s tablet with enough height to show, if you want to it work for ipad, you should use turn “ON” for “Pop-up scrolls up and down with the page.”

    Look my screenshot how to set option from plugin for it solve the issue on your site

    null

    Regards,
    Nguyen

  • #8282936

    Andrea Slink
    Participant

    Hello Nguyen!

    No sorry, but it doesn’t work correctly on iPhone 6s. When you type in the name the form automatically switches to the bottom of the form. So you cannot see what you are typing.

    Please check again and let me know.

    Kind regards
    Andrea

  • #8282937

    Andrea Slink
    Participant
    This reply has been marked as private.
  • #8282963

    Nguyen Tuan
    Keymaster

    Hi Andrea

    I can see what you are gettings

    Can you try add below custom style to your theme or on Customizer Additional CSS

    null

    @media only screen and (max-width: 736px) {
    body .wc_email_inquiry_form input[type='text'],
    body .wc_email_inquiry_form input[type='number'],
    body .wc_email_inquiry_form input[type='email'],
    body .wc_email_inquiry_form select,
    body .wc_email_inquiry_form textarea,
    body #page_3rd_contact_form_container input[type='text'],
    body #page_3rd_contact_form_container input[type='number'],
    body #page_3rd_contact_form_container input[type='email'],
    body #page_3rd_contact_form_container select,
    body #page_3rd_contact_form_container textarea {
    font-size: 16px !important;
    }
    }

    If it works for you, i will include that custom style to plugin and send out new version

    Regards,
    Nguyen

  • #8283290

    Andrea Slink
    Participant

    Hi Nguyen,

    we checked it and this doesn’t work.

    Please provide another solution.

    Thank you!

    Andrea

  • #8283327

    Nguyen Tuan
    Keymaster

    Hi Andrea

    I don’t see my custom css give you that is added to your site, so maybe your theme don’t get it
    Can you give me access to your Dashboard as administrator and ftp creds so that i can help you to solve this issue

    If you like to set us up a wp-admin account and an ftp access account to the site files please post those in a Private Reply.

    [..] Private replies can only be seen by you the author and by us as administrators. As enhanced security we edit the private reply and remove the creds (even though they are private). When we have completed the task we don’t keep a record of the creds unless you ask us to.

    Please post:

    1. link to wp-admin login with username and password
    2. ftp hostname, username and password.

    To save time can you be sure that both sets of creds work and that we can access the site files with the ftp access and the plugins page and plugin dashboard.

    Regards,
    Nguyen

  • #8283383

    Andrea Slink
    Participant

    Hi Nguyen,

    I added the code but it didn’t solve the problem so I deleted it again.

    In the next replay I’ll send you the login details.

    Regards
    Andrea

  • #8283384

    Andrea Slink
    Participant
    This reply has been marked as private.
  • #8283397

    Nguyen Tuan
    Keymaster

    Hi Andrea

    Thanks for creds but i just can access FTP section, can’t access to your Dashboard so that it’s wrong

    But i have look the issue and see that header and footer sticky is cause make jump behavior for iOS, read this issue and how to fix http://stackoverflow.com/questions/7970389/ios-5-fixed-positioning-and-virtual-keyboard

    That issue from theme or 3rd party plugin, so you should ask theme developer or deactivate the 3rd party plugin to see if it solve for you

    Regards,
    Nguyen

  • #8283402

    Andrea Slink
    Participant

    Hi Nguyen,

    on stackoverflow there is no solution for the current iOS version. I tried a couple of them.

    I removed the sticky header on mobile view by adding this to custom.css

    @media (max-width: 979px) {.fixed-header.container {
        display: none;
    }}

    But still there is this problem.

    I deleted the code and the code you added from custom.css

    Any ideas?

    I am sending you the correct password for the login.

    Thanks
    Andrea

  • #8283403

    Andrea Slink
    Participant
    This reply has been marked as private.

The topic ‘Mobile View’ is closed to new replies.