• Resolved antonyputman

    (@antonyputman)


    I have a problem with my woocommerce on mobile. When the address is being typed on mobile device to calculate the shipping – you cannot see it when you are typing. I think it is there but in white. On the computer is showing fine – in black. How can I fix it?

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

Viewing 10 replies - 1 through 10 (of 10 total)
  • I didn’t see any issue on my two mobiles. What browsers and or phones are you viewing this issue on?

    Thread Starter antonyputman

    (@antonyputman)

    Hi Serafinnyc.
    There is no obvious issues. It is when you put the postode to calculate the shipping. Where you able to do that? I’m using Iphones.

    Ah. You said address field so I only went there. I didn’t know zip code too. Let me check.

    You have an opacity of 0 on it that’s why.

    line 1039 in stylesheet

    • This reply was modified 4 years, 11 months ago by Stef.
    Thread Starter antonyputman

    (@antonyputman)

    Thank you very much. How can I change it?

    Add this code to your Additional CSS inside Customize. If you don’t know how to get there. Follow these steps. From FrontEnd Admin Menu click Customize scroll down to Additional CSS and place it there.

    From WP backend goto Appearance > Customize

    Then place this code, save, and then clear cache on your mobile device(s) and it should be viewable.

    [placeholder]:focus::-webkit-input-placeholder {
      opacity:1 !important;
    }

    Anything else let me know. I always advise to use a Private browser window and or Incognito to test thoroughly on all devices.

    Thread Starter antonyputman

    (@antonyputman)

    Thank you very much. I have tried it. Unfortunatelly it doesn’t work.

    Can you disable your right click script please and I would also maybe disable all plugins except for WC and test. Something is adding that and I believe another focus thru jQuery

    Thread Starter antonyputman

    (@antonyputman)

    It worked. Thank you very much

    Cool. You’re welcome.

Viewing 10 replies - 1 through 10 (of 10 total)
  • The topic ‘Woocommerce checkout on mobile not showing address when customer is typing it’ is closed to new replies.