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) {
   #xgDock{display:none;}
}

 
/* iPhone [portrait + landscape] */
@media only screen and (max-device-width: 480px) {
   #xgDock{display:none;}
}

 

 

 

 

 

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: 539

Members

© 2024   Created by JenSocial.   Powered by

Badges  |  Report an Issue  |  Terms of Service

Home
VIP Ning Tips