Docs

[K]

Hi, got a wierd issue on my checkout fields. The email field cant be clicked to enter text, it can be tabbed to. Need to resolve it fast, getting some customers notifying us about it.

K

[K]

This reply has been marked as private.

[Thai]

Hi There,

To fix this issue, please add the following CSS under Customizer > Custom > Global CSS:

p#billing_email_field {
    position: relative;
    z-index: 9999;
}

Hope it helps 🙂

[K]

Hi,

Cant see that it did anything really. Its still not clickable.

K

[Paul R]

Hi,

You can try this code instead.

.woocommerce-checkout form input[type="email"] {
    position: relative;
    z-index: 99999;
}

Hope that helps.

[K]

This reply has been marked as private.

[Christopher]

Hi there,

Please add following code in Customize -> Custom -> Global CSS :

@media (min-width:480px){
p#billing_country_field {

    float: right;
}
}

Hope it helps.

[K]

Works on mobile small screens but I am still unable to click on desktop.

K

[Christopher]

Hi there,

There is a missing curly bracket in your code. Please find following codes :

@media (max-width: 320px){
.h-landmark {
  margin-top: 1em;
  font-size: 100%;
}

.h-landmark {
  margin-top: 1em;
  font-size: 340%;
}

@media (max-width: 320px){
.entry-header, .entry-content {
  font-size: 18px;
}

And update them to :

@media (max-width: 320px){
.h-landmark {
  margin-top: 1em;
  font-size: 100%;
}

.h-landmark {
  margin-top: 1em;
  font-size: 340%;
}

.entry-header, .entry-content {
  font-size: 18px;
}
}

Hope it helps.

[K]

Naaah, cant make it work, have added both suggestions mentioned above and added a bracket “}” to make it work but no sigar.

K

[Thai]

Hi There,

I went to the Customizer and fixed the issue.

Everything should be fine now.

Cheers!

[K]

Yay!

What exactly was it? Thanks!

K

[Paul R]

You’re welcome! 🙂

[Author]

Posts