Inhalt in div-Blöcken im mobilen verschwinden?

Question

In meiner Website http://www.xn--ntcasinon-v2a.eu/ habe ich @media Codes unten verwendet, um einige der Inhalte in Mobile zu entfernen, und es funktioniert gut, aber ich versuche, genau das gleiche mit dem gleichen Code in http://www.nya-casino.com/ zu tun und der Inhalt verschwindet in Handy. Wer weiß, welcher Code im Thema das verursacht?

@media only screen and (min-width: 100px) and (max-width: 780px) {.info{display:none;}} 
@media only screen and (min-width: 100px) and (max-width: 780px) {.benefits{display:none;}} 
@media only screen and (min-width: 100px) and (max-width: 780px) {.site-title{width:70%;}} 
@media only screen and (min-width: 100px) and (max-width: 780px) {.logo img{max-height:65px;}} 

Answer 1

Sie haben class="hidden-xs" all jenen divs innerhalb der .item divs zugeordnet. Diese Klasse diese Regel hat, die den Inhalt unsichtbar macht:

.hidden-xs { 
    display: none !important; 
} 

Da dies eine allgemeine Bootstrap-Regel (die Sie wahrscheinlich nicht ändern sollen), dann sollten Sie diese Klasse von dem divs löschen.

Answer 2

Die only manchmal von einigen Web-Browsern ignoriert werden, so dass der Code wie this->

@media screen and (min-width: 100px) and (max-width: 780px) {.info{display:none;}}

würde Wie Sie dort sehen, ist nicht das Wort "nur".