Disappearing caption on a slider

I have some animated text on a slider that displays well when my browser is full screen. But when I resize it to look like a phone in size, the text disappears. To be more precise, an H2 tag stays on screen. But a P tag or an action button with an A tag disappears. I guess it takes some custom css to keep it when window size is small? Thanks.

hummm, I'm against removing stuff from your files.
No way to add something in my custom.css file, the one that is loaded last?
I tried this, but it doesn't work:

@media (max-width: 767px) {
    .slider-caption p, .slider-caption .button {
        display: block !important;
    }
}``

FYI, when I click on PRE in this editor, it opens a blank popup on a black overlay and I can do nothing with that.

Sorry, I guess it was a cache problem. Because now, suddenly my solution works. And it works better with inline-block for the button.