October 29th, 2013, 08:48 AM
Hi, I am pretty new to css. I am toying with a responsive menu. It works perfectly well on the desktop. But on the iPad and iPhone, the div doesn’t slide down enough to cover the form when clicked upon a iconFont.
I am guessing this is a div positioning issue?
I need to find out which div and property steer the div postioning as I will have other forms with more formfields then the one I have toyed with.
I have created media queries for the iPad and iPhone
Please test this page on all three devices, desktop, iPad and iPhone.
This is the url to the test page:
October 29th, 2013, 10:13 AM
October 29th, 2013, 11:13 AM
Yes, sorry about that, forgot to mention that its the search icon that should be clicked to trigger the behavior.
On my iPad3 with ios 7.0.3 and safari. the blue div slides just short of the form field
And on my iPhone 4 with above ios the blue div slides down barely covering the form field.