hide or make visible div

Question

hide or make visible div

Navigation

#1 by (-1 votes)

0

I am trying to make a div visible or not, when the size of the screen is less than 900px but it has not worked for me. keeps appearing the two images that I have in the div. I would greatly appreciate your help.

<style type="text/css">

        /*Si la pantalla es menor a 900px*/
        @media screen and (max-width: 980px){
        #sipequ{
            display: none !important;
        }
        #responsE{
            display: none;
            }
    }
    /*Si la pantalla es mayor a 981px*/
    @media screen and (min-width: 981px){
        #sigran{
            display: none !important;
        }
        #responsD{
            display:none;
            }
    }

</style>

<div id="sigran" data-src="images/slider/oro-orodo.png">
  <div class="camera_caption fadeFromBottom cap1">10 años haciendo realidad sus proyectos de distribución.</div>
</div>
<div id="sipequ" data-src="images/slider/oro-orodo_2.png">
  <div class="camera_caption fadeFromBottom cap1">10 años haciendo realidad sus proyectos de distribución.</div>
</div>

        display: none !important;
    }
}

/*Si la pantalla es mayor a 981px*/
@media screen and (min-width: 981px){
    #sigran{
        display: none !important;
    }
}

html css

asked by David_e 29.11.2018 в 20:23

source

1 answer

Generate numbers for a matrix in java Problems with data type in array within a class

score -1 · Answer 1

Try adapting this code that I found to what you need. remember to assign the class .search_and_share

@media handheld, only screen and (max-width: 767px) {
   .search_and_share {
      display:none;
   }
}

@media only screen and (max-width: 1023px) {
   .search_and_share{
      display:none;
   }
}