Hiding section to mobile users breaks mobile site

[vikzee+ 1]

I have a website www.realfight.training that the header looks overlapped on mobile, so I added the Pro Tools plugin and opted to hide that section to mobile users.  However, this breaks the site on some mobiles (works on mine fine (iPhone 6), works fine on my daughter's (iPhone 5) but times out on my husbands mobile (iPhone 6 with same settings as mine).  When I allow that section to be visible to mobile users, it works fine again.  Any ideas?

[Simon 248]

Whats the url to the site?

[vikzee+ 1]

Hi Simon, it is http://www.realfight.training but I have left the header section visible to mobile users at the moment until I can sort out the problem. 

[Simon 248]

Ah i misread the original post.

So the site times out on his phone? But not on yours? I cant see that as being any sort of settings issue unless you are both on WIFI and both on the same WIFI. Moblie internet is unreliable.

Now you have disabled whatever you had setup nobody else with an iphone 6 is able to test it im afraid.

[vikzee+ 1]

I have re-enabled that section as hidden from mobile users just now.

We were all using our home Wifi when testing - only timed out on his but not mine.

[Simon 248]

Im not seeing any issues here.

maybe go for the pure css solution tho?

.pl-res-phone #pl_areau06b98{
	display:none;
}

 

[vikzee+ 1]

Thanks Simon, I'll try that