I write a little CSS for this chat bar issue in iPad/iPhone.


( iPhone screen with chat bar issue )


It will hide the chat bar in iPad/iPhone. You can't use chat in iPad/iPhone anyway since it built with Flash. 

This CSS only check the screen size not really iPad/iPhone. I think it doesn't affect the desktop browsers which I haven't do the full test, only tested some of them and it seems fine. 


/* iPad [portrait + landscape] */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {






Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License
This work is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported.... Permissions beyond the scope of this license, pertaining to the examples of code included within this work are available at iYouMe.net.

Views: 516


© 2020   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

VIP Ning Tips