White screen with desktop layout on iPad

[angslycke]

I noticed that the Boss theme in my setup (WordPress 4.1.1, BuddyPress 2.2.1, Boss theme 1.1.0) gives me a white screen on iPad when I’ve selected the desktop layout for tablets in the Themes Customizer. If I change to the mobile layout for tablets the site loads correctly again.

url: http://angslycke2.staging.wpengine.com/

I’ve left the site with the desktop layout for tablets turned on.

[Alyssa]

@angslycke I don’t have a tablet, I’ll have to forward this to the developers.

[Anonymous]

Hi @angslycke, I have checked your site that was not opening on the ipad devices, seems like css files not loading on the site. I had did a setup on the wp engine to test it and the new test site was working perfect. Just do some quick thing in the WP Engine settings:

There are two option ‘Reset File Permission’ and ‘Purge Cache’ inside the wordpress dashboard >> WP Engine menu
try that and if that do not work let us know

[angslycke]

Hi @vapvarun, thanks for looking into this. Unfortunately those functions are not available for the WP Engine staging server, only for the live site. The site works fine on mobile and desktop, do you still think that this could be a CSS issue?

[Anonymous]

Hello @angslycke, i had tested again your site it is generating the html code but body area have display:none parameter
add this in the custom css to override it
media=”all”{
.mobile:not(.nojq) {
display: none;
}
}

/boss/css/main-global.css have display done code at line 250

Try this quick fix and let me know i hope that will resolve the issue

Thanks
Varun Dubey

[angslycke]

Hi @vapvarun!

Thanks for the CSS. I applied it in my custom.css and it didn’t work unfortunately. However, when I used display:block the site did load as expected on an iPad. The only obvious issue was that both mobile menus ended up showing under each other in the BuddyPanel, which is a bit odd since the desktop profile menu (with the round image of the current user) was also showing.

[Anonymous]

Hello @angslycke i had checked issue deeply, it seems like it is due to js conflict and that is overriding the css. We are loading lots of @media css using jQuery and when it get conflict with some other plugin js which is try to do some common action we get some glitch. I had prepared some test site to replicate the issue with common used buddypress and wordpress plugins but site performs okay with ipad device and even i had also setup a site on wpengine with Boss theme to test the ipad issue it also works fine (winegeo.me)

CSS files are okay with all common used plugin, please provide me active plugin list in pm, i will replicate the issue and will find the main culprit of the issue.

Regards
Varun Dubey