Login Modal Not in Screen Focus on Mobile

  • Resolved backpackingseries

    (@backpackingseries)


    5 years ago

    Hello,

    New user of Astra here.

    I have a strange problem. The login modal (Get Started button in the link provided) is triggered fine on a desktop but is out of screen focus on a mobile device – the modal does pop up on a smartphone but user has to scroll up to see it (and can miss it easily).

    The same setup worked alright with the previous theme. Plus, I have tested with OceanWP too and I can confirm it works okay everywhere else, but for Astra. Am I be missing any configuration here for mobile devices?

    Could someone please suggest a solution?

    Thanks in advance.

    Kind regards,

    The page I need help with: [log in to see the link]

Viewing 5 replies - 1 through 5 (of 5 total)
  • Team Brainstorm Force

    (@brainstormteam)

    5 years ago

    Hi @backpackingseries ,

    I tried to see the issue on your site, and seems like the issue is itself from your login plugin. Here is the screenshot: http://bit.ly/2U74Qf0

    Here is the simple CSS code that would fix your issue:-

    @media screen and (max-width: 480px){
.auth0-lock.auth0-lock.auth0-lock-opened {
    position: fixed;
}}

    I am sure this will help you.

    Regards,
    Deepak

    Thread Starter backpackingseries

    (@backpackingseries)

    5 years ago

    Hello @brainstormteam

    Thank you for the help.

    I included the suggested code in Customizer -> Additional CSS, but it does not work.

    PS: Tested in different browsers (incognito / private mode) on two different mobile devices.

    Could you please advise?

    Kind regards,

    Team Brainstorm Force

    (@brainstormteam)

    5 years ago

    Hi @backpackingseries ,

    If that doesn’t work then would you mind adding important just after the fixed property.

    I mean you can use this code:-

    @media screen and (max-width: 480px){
.auth0-lock.auth0-lock.auth0-lock-opened {
    position: fixed !important;
}}

    I am sure this will work.

    Regards,
    Deepak

    Thread Starter backpackingseries

    (@backpackingseries)

    5 years ago

    @brainstormteam

    Thanks much – that does the trick! Appreciate your support.

    Kind regards,

    Team Brainstorm Force

    (@brainstormteam)

    5 years ago

    Hi @backpackingseries ,

    You are welcome! 🙂

    Regards,
    Deepak

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Login Modal Not in Screen Focus on Mobile’ is closed to new replies.