Iphone log in issue

Seem to be having an issue with users that are using a Iphone , they can not register , the part when asked to check if you agree
is all blank . So far , it's only on Iphones , but haven't tried other phones . Everything else is fine , only Iphones show blank and don't go through with the registration . Not surethe issue i've checked and checked again can't figure this out any help would be great . Thank you in advance

hello

is this happening only to your forum or you have the same issue also here on support ?

No it's new members trying to log into my forum any Iphones can't log in but if they use a computer or tablet no probs.

Hello,

Can you just confirm this detail please: on which version of your forum this issue is present? Desktop version or mobile version?

I think it concerns the mobile version because you mentionned "iPhone" but it is possible for this member to switch on the desktop version.

Like I said I will use the last member for instance , He was trying to register to my forum , and could see the terms then at the bottom there are 2 check boxes and they were blank just the boxes , then he checked them and there was nothing more that was it, then errors . ( and that was on his Iphone ) But then I got him to register on laptop ( PC ) and no problems registered and logged in easy . Then I had him try to log in using the Iphone now after registering through the pc and he logged in no problem and could navigate the site without any issues . Just will not allow Iphone to register is all Have not had a chance to try other phones yet . Hope that clarified it better

OK so we have to test on an iPhone too (not so easy because nobody has an iPhone in the office)

Lol yes same here , No Iphone ...

Are you sure this only happens on iPhones? The problem should appear on all devices that support the mobile version


The problem is with the CSS and custom colors. You can solve using this CSS:

Code:

#mwrap .box label {
   color: #6E6E6E !important;
}

ok got it , now where in the Css do I paste that ?

Code:

#wrap {
    background:#2b2b2b url(https://i.servimg.com/u/f43/14/73/12/96/stripe10.png);
    margin: 0px auto;
    padding: 5px;
    max-width: 1400px;
    min-width: 970px;
    width: 85%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #363636;
    box-shadow: 0 0 8px black;

Sorry way in advance new with html and Css still learning all this ( Noob Here ) thanks for all help guys

Hi sorry, I was wrong to paste. The CSS code is this:

Code:

#mwrap .box label {
   color: #6E6E6E !important;
}

You can insert it anywhere in the style sheet the result should be this:

my advice is top or bottom of your CSS files then Save

Sorry for the ignorance is this what it should look like

Code:

#wrap {
    background:#2b2b2b url(https://i.servimg.com/u/f43/14/73/12/96/stripe10.png);
    margin: 0px auto;
    padding: 5px;
    max-width: 1400px;
    min-width: 970px;
    width: 85%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #363636;
    box-shadow: 0 0 8px black;
    .box label color: #6E6E6E
    !important;

}

No, you have to insert it on a new line and not inside #wrap { }

ok think I got it now should look like this then

Code:


#mwrap .box label {
  color: #6E6E6E !important;
}

#wrap {
    background:#2b2b2b url(https://i.servimg.com/u/f43/14/73/12/96/stripe10.png);
    margin: 0px auto;
    padding: 5px;
    max-width: 1400px;
    min-width: 970px;
    width: 85%;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #363636;
    box-shadow: 0 0 8px black;
}


Yes, that's what it should look like.

Cool thank you all , What an awesome bunch for helping Thanks Again ...