Forum Replies Created
-
Posts
-
I am using safari on my iPhone 6. It happens on any iPhone 6 in Safari. You can also see what I’m talking about if you resize your browser on that page. At a certain point the gap will show up.
Thanks for all of your help with this issue Kriesi!
I did have a couple of files that I had added to my child theme so I updated them with the most recent files from versions 3.0.5 but the issue is still happening. It doesn’t seem to happen as often but is still happening none the less.
One more thing that I noticed that might help in trouble shooting. When I turn the iPad from portrait back to landscape mode, I noticed that when the slider is trying to adjust to the screen size the entire screen shifts about 1/4 of the way to the left and you can see the grey background behind the theme and it snaps back and that is when the menu is off. Not sure why it is doing this though.
Thanks Josue! I added this at the end of my child theme functions.php file but the problem still persists. Am I missing something? Should I add this to the end of the main theme functions.php file as well?
I hope you are able to see the issue on your tablet. As mentioned, once I rotate the iPad back to landscape mode the header loses alignment and shifts over to the left overlapping the logo. It’s only the menu items and custom text in the upper right that move over. After this happens I can either scroll down the page and it will fix itself or refresh the page to fix it but then it happens again the next time I rotate the device.
I did notice that if I rotate the iPad to portrait mode and then rotate it back to landscape (without giving the fullscreen slider time to fully adjust fullscreen) it doesn’t have this issue. It’s only when I rotate it and wait for the fullscreen slider to adjust fullscreen and then rotate it back to landscape mode. Not sure what is causing this as everything was working perfectly until recently. I’ve tried deactivating all plugins, removing the Quick CSS, and re-updating a fresh copy of Enfold Version 3.0.4 via FTP and I’m still having the problem.
Ok, thank you!
One more thing I noticed is that when this header issue happens, if I scroll down the page on my iPad the header readjusts itself correctly. It’s almost like when it is rotated, the header doesn’t adjust back correctly.
Thanks Yigit. I have tried it on another iPad and it does the same thing. It does not do this on the iPhone for some reason (I think because the mobile menu is activated on portrait and landscape)
Another thing I noticed is that this only happens on the homepage of my site. When I open the site in landscape mode it looks fine, then when I rotate it to portrait mode everything is still working, finally when I rotate it back to landscape the header shift over to the left and the menu bar overlaps the logo (like the dropbox image I sent) I did notice that when the fullscreen slider is adjusting to go fullscreen when I rotate the iPad back to portrait mode it happens right after this. I would imagine this is related to some quick css support has provided me because it was working fine not too long ago. All of the quick css I have input is from support so I haven’t added anything myself.
I checked it on ipadpeek as well but it doesn’t reproduce the issue there either. It has to do with rotating the iPad I believe. I tried disabling all of the plugins and that didn’t help and I have also flushed the cache on all devices and that doesn’t fix the problem either.
Thanks!
