Responsive Design - CSS Element Disappears once width goes to 480px no matter how much I style it not display

I have a website I’m working on the responsive design. When the width is at 481px the element displays (see screenshot) When the width drops to 480px the element disappears. I keep styling it to display by moving the button under it down more to give it more room to actually display. (see screenshot attached) However, that’s not working. Can someone help me get it to display when the size is 480px and lower. Here’s the element I need to display:

"Independent Music Publishing, Songwriting and Singing Company with Professional Piano Lessons"

Here’s the code I’m doing to try and make it display and stop disappearing at 480px:

@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;}

}

Also please see the 2 screenshots I’ve attached

You need to sign in to view this answers

Related Post