Phone code dropdown not on mobile device

  • Resolved deanes

    (@deanes)


    1 year, 5 months ago

    Hi

    Version 2.5.6
    Appears to work as expected on desktop but on mobile devices the country code dropdown does not open to allow selection.
    Using just the Phone Field.
    If the Country field is added separately that does open and appears to function correctly on both desktop and mobile.

    Please advise.

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

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Narinder Singh

    (@narinderbisht)

    1 year, 5 months ago

    Hello @deanes
    I review the website link. The dropdown is working. but the sidebar z-index value is higer than dropdown div. So it is not showing.
    Please add following css code. It is very easy, just go to WP Admin > Appearance > customize > additional css.
    .intl-tel-input.iti-container {
    z-index: 99999;
    }
    I hope it will work for you.
    Thank you.

    Thread Starter deanes

    (@deanes)

    1 year, 5 months ago

    Thanks for the reply. I think it’s resolved.
    I knew it was z-index but would probably not have found the right selector.

    It took a bit more work, adjustments to the pop up settings and the selector for the code container needed ‘.iti-mobile’ too;

    .iti-mobile .intl-tel-input.iti-container {z-index: 99999;}

    thanks again

    • This reply was modified 1 year, 5 months ago by deanes.
    • This reply was modified 1 year, 5 months ago by deanes.
Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Phone code dropdown not on mobile device’ is closed to new replies.