Адаптивный дизайн — элемент CSS исчезает, как только ширина достигает 480 пикселей, независимо от того, сколько я его ст ⇐ CSS

[Anonymous]

У меня есть веб-сайт, над адаптивным дизайном которого я работаю. Когда ширина составляет 481 пиксель, элемент отображается (см. снимок экрана)

Когда ширина падает до 480 пикселей элемент исчезает. Я продолжаю оформлять его для отображения, перемещая кнопку под ним еще ниже, чтобы освободить больше места для фактического отображения. (см. прикрепленный скриншот)

Однако это не работает. Может кто-нибудь помочь мне отобразить его при размере 480 пикселей и ниже. Вот элемент, который мне нужно отобразить:
"Независимая компания по изданию музыки, написанию песен и пению с профессиональными уроками игры на фортепиано"
Вот код, который я представляю. пытаюсь заставить его отображаться и перестать исчезать при разрешении 480 пикселей:

Код: Выделить всё

@media (max-width: 481px) {
rs-layer#slider-1-slide-1-layer-2.SmallWhiteText.rs-layer {display:inline;
font-size: 12px !important;
margin-top:-150px}

rs-layer#slider-1-slide-1-layer-3.MelodyButton.rev-btn.rs-layer {margin-
top:100px;}

Также посмотрите два скриншота, которые я приложил

Подробнее здесь: https://stackoverflow.com/questions/790 ... -matter-ho