Hey!
I would need your help. I have an issue with my PRO Header at www.lugo.at… It’s working on chrome/most mobile devices, but not on I-Explorer and iPad.
Best to show with these 2 pics.
This is the correct version (google chrome)
Overlapping Header (Internet Explorer / iPad)
Can you help with this issue? Tried to check some topics, but no CSS solution is working.
Thanks!
Greetings
Fabian
Hello Fabian,
Thanks for writing in! It seems that you have a caching issue with IE and on the iPad. Please keep in mind that since you have installed a caching plugin WP Super Cache, please clear your plugin cache and regenerate the minified JS/CSS files before testing your site. This can cause the changes to not take place on the front end. It will eventually show up when the cache regenerates, but it’s not ideal if you’re looking to see your changes immediately. Caching plugins are best to turn on only when you’ve finished building the site.
You might need to clear the IE browser cache and on the iPad browser caches or use private browsing mode and test your site in IE and on the iPad again.
Please let us know how it goes.
Hello,
Thanks for your reply and your hint!
I cleared the cache, but found no option to regenerate. So I deactivated it, but it’s still not working. I also deactivated the plugin “Autoptimize”, no success when clearing cache in IE browser or opening it in private mode.
How can I regenerate the files?
Greetings
Fabian
Hey Fabian,
Sorry for the confusion. This is not a caching issue as I saw the problem when I loaded your site in Internet Explorer 11.
The cause is Internet Explorer renders Self Flex > Fill Space Equally differently. Please choose Fill Space for your Container’s Self Flex.
Hope that helps.
Hi Christian,
It worked! Best thanks for your help! Sometimes little changes can change a lot 
Thanks and Greetings
Fabian
You’re always welcome Fabian!
Cheers.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.