Forums » Plugin: Country & Phone Field Contact Form 7 » Problem with displaying the flag and phone number correctly

  • Resolved fakowp

    (@fakowp)


    Hello! I have a problem with displaying the flag and phone number correctly. They are overlapping each other. Could you please advise me on how to fix it?

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

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

    (@narinderbisht)

    Hello @fakowp ,

    It looks like a CSS issue. You can try the following code. Add this following CSS snippet into additional CSS from WordPress customizer.
    .intl-tel-input.allow-dropdown .selected-flag, .intl-tel-input.separate-dial-code .selected-flag {width: 60px; }

    I hope the plugin is working fine for you. Kindly share your reviews.

    Regards
    Narinder.

    Thread Starter fakowp

    (@fakowp)

    Unfortunately, the code did not work 🙁

    Thread Starter fakowp

    (@fakowp)

    Maybe we need to use CSS to shift the phone number block to the right, and leave the flag in place?

    findikhikayeleri

    (@findikhikayeleri)

    Hello;
    There is a problem similar to this one. I’m sending you the picture. I tried to solve it with CSS vile but it didn’t work. I am using Astra Theme Elementor plugin. Can you help me?

    https://r.resimlink.com/HoxmnPKRbr.png

    findikhikayeleri

    (@findikhikayeleri)

    Hello!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Problem with displaying the flag and phone number correctly’ is closed to new replies.