- This topic is empty.
February 2, 2015 at 7:02 am #194900
I’m trying to diagnose a problem with some
<input>fields when viewing this webpage on an iPhone (iOS 8) or a small window (like Chrome on a desktop when the browser window is made small):
The input fields appear but don’t allow me to click in and insert text. I’ve found a similar post here:
… but that solution didn’t seem to help me.
Kind regards, RussellFebruary 2, 2015 at 7:16 am #194901Paulie_DModerator
You have a div right after this comment
<!-- Richard, change 1 START -->
which is sitting at a higher z-index on top of your form…at lower widths.
It holds logos and stuff.
Did you forget to clear a float or something?February 2, 2015 at 12:20 pm #194914
Once again you save my bacon. How do you even diagnose something like that? It’s mostly invisible.
But you were right: it was that white logo box causing conflicts. Got it sorted out.
Thanks! RFebruary 2, 2015 at 12:25 pm #194916Paulie_DModerator
Use the ‘inspect element’ function in your browser’s developer tools. If right click on an element and if the one selected in the HTML is the one you thought you selected that’s your first indication.February 2, 2015 at 12:25 pm #194917shaneismeParticipant
Get to know devtools in your browser of choice.
I haven’t gone through this, but it looks very comprehensive: http://discover-devtools.codeschool.com/February 2, 2015 at 12:29 pm #194918
Thanks both of you. I do know my developer tools in Chrome, but I just wasn’t picking up on that rogue div when I had the issue. I guess I just overlooked it. Thanks anyhow.
- The forum ‘CSS’ is closed to new topics and replies.