How to hide an included php page with css based on media size

Question

I am trying to update my site to responsive. I have several includes in php on a page. Using media queries sizes I want to hide one of them when it is phone size. Is it possible to hide this with css?

<?php include('slideshow.html'); ?> 

Thanks for any suggestions!

Answer 1

You can place a div before php file include , and hide it on mobile resolution . Like following example .

<div class="slide_show">
<?php include('slideshow.html'); ?> 
</div>

css

<style type="text/css">
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
.slide_show {
   display:none;
}
}