Текст не отображается в мобильном режиме

Я работал над этим сайтом. Пожалуйста, проверьте ссылку http://mrsinghcafe.com/real/ У нее есть слайдер на главной странице с текстом. В небольших разрешениях появляется ползунок, но без текста. Я хочу, чтобы текст также отображался на небольших разрешениях.

Я попытался добавить следующее к моему css

#slidecaption
{
display:block;
}
.slide_text
 {
display:block;
}

но не помогло. Может кто-нибудь, пожалуйста, помогите мне. Спасибо. !!

3 ответа

display:none; от #div1content отвечает здесь:

@media only screen and (max-width: 767px) {

 #div1content{ display:none;}

}

Удалите его и разместите текст так, как вам нравится.


нашел это в вашем CSS:

@media only screen and (max-width: 767px) {
 #slidecaption {
 ...
 }
 .slide_text {
 display: none;
 }
 #slidecaption h2 {
 ...
 }
}

.slide_text - это display: none, и после этого правила нет правила, чтобы его снова блокировать.

в slider_text_n_desription.css вы найдете правило выше. отмените его немного, добавив display: block

@media only screen and (max-width: 479px) {
 .slide_text {
 bottom: 120px;
 font-family: 'Eurostile-Normal';
 font-size: 12px;
 margin-left: 10%;
 position: absolute;
 display: block;
 }
}


#slidecaption
{
 display:block;
}
.slide_text
{
 display:block;
}

использовать полуколонны

licensed under cc by-sa 3.0 with attribution.