Hi Greg
I don’t have IE to test with, and our resident IE tester is offline for the evening, but as far as I can tell this has something to do with your custom CSS.
The styling might be more cross browser compatible if you use a percentage width instead of a fixed width for the input box.
#panel-16-0-1-0 > div > form > input {
width: 100%;
}
You could also try using 98% width or another value to try get this working in IE.
Hi Greg,
I have tried removing all my CSS codes and this issue is still occurring. I am going to try a new method tomorrow!
In the meantime, do you know how I could get rid of the gap between my header and navigation bar when viewing the responsive layout on my mobile? http://www.Fanracket.com
I am wanting the header to sit on my navigation like it does in desktop mode..
Thanks for your help,
Greg Dougherty
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Try:
.responsive .logo img {
float: left;
}
Don’t know how you’ve found/got that code but it’s worked a treat!
Could you explain how you find the paths when using mobile? As I can’t inspect elements when using mine..
Thank you for solving my problem!
Greg Dougherty
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
I view it on desktop in Chrome & resize my browser to emulate a mobile size
Ahhhhh I see! Very interesting!
Thanks for your help Andrew.
Andrew Nevins
(@anevins)
WCLDN 2018 Contributor | Volunteer support
Chrome does have a much better way of doing mobile emulation by the way: https://developers.google.com/web/fundamentals/tools/devices/browseremulation?hl=en
But if you’re just testing media queries then you can resize your browser
