I have been unable to determine why Responsive Site is not working correctly in landscape mode on tablets (only have access to iPad Air). It used to work fine, but broke several Enfold updates ago, and will no longer stretch to the full screen width. I have been looking for a solution for some time, but with no luck.
Any help would be greatly appreciated.
Thanks,
Laserman2
Hey Laserman2!
I don’t have an iPad, but I checked on chrome emulator for iPad and your website looks normal to me. Can you send us screenshots of what you are seeing? use imgur.com or a puplic dropbox folder.
Did you already try to clear your browser cache?
Cheers!
Andy
Andy:
Yes, I have cleared my browser cache. The problem exists both in Safari and Chrome on the iPad Air. Here is a link to a screenshot from Safari on the iPad Air:
https://dl.dropboxusercontent.com/u/71218565/Enfold/File%20Apr%2012%2C%203%2052%2035%20PM.png
Note that the boxed layout does not stretch to the edges of the iPad screen in landscape mode. It used to work fine but broke several versions of Enfold ago.
I hope you can help.
Thanks,
Laserman2
Hey!
Please add following code to Quick CSS in Enfold theme options under General Styling tab
.responsive .boxed#top, .responsive.html_boxed.html_header_sticky #header, .responsive.html_boxed.html_header_transparency #header {
max-width: 100%;
}
Best regards,
Yigit
Yigit:
I entered the code you provided and still no change. I also made sure I cleared my browser cache as well. Still looking for a solution.
Laserman2
Yigit:
I believe I have it fixed. I added the “!important” argument to your code and everything seems to be working now. Thanks for all your help.
Regards,
Laserman2