Witam,
Jak ukryć poniższy element w trakcie przeglądania strony na komórkach (mniejsza rozdzielczość ekranu)?

Jest to wysuwany panel boczny - Likebox.

[HTML] pobierz, plaintext 
<div id="fbSidebar">
		<div id="fbSidebarIframe">
			<iframe id="fbLikeBox" src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fxxxx&amp;show_faces=true&amp;header=true&amp;stream=true&amp;width=292&amp;colorscheme=light&amp;height=590&amp;border_color&amp;locale=pl_PL" scrolling="no" frameborder="0" allowTransparency="true"></iframe>
		</div>
	</div>
[HTML] pobierz, plaintext 

[SQL] pobierz, plaintext 
$(FUNCTION (){
	$(FUNCTION($){
		$("#fbSidebar").hover(FUNCTION(){
			$("#fbSidebar").stop().animate({LEFT:0},{queue:false, duration:250, complete:FUNCTION() {  }});
			},FUNCTION(){
				$("#fbSidebar").stop().animate({LEFT:-293},{queue:false, duration:500, complete:FUNCTION() {  }});
			},500);
		});
	RETURN false;
});
 
[SQL] pobierz, plaintext 

poszukaj w google w tematyce CSS media queres

i nie pisz tych funkcji wielkimi literami ja Cie proszę..

Ja mam wszystko małymi literami napisane. To forum przetwarza

bo to wrzucasz do nie tego tagu co masz gdzie tu masz sql jak to przecież javascript