I got the slider in a page in it there are couple of <a> and 1 <h1> and images as background but when I got to smaller resolution the text go away. I was using bootstrap but I don't see any of the properties that might apply that. More so the other headers on the page that are not in the slider keeps getting shown. So my question is can what is the best way to force element always on top. I am posting the properties that h1 from debug while it disappear since the css and html are quite lage.
background-clip: border-box;
background-color: transparent;
background-image: none;
background-origin: padding-box;
background-position-x: 0%;
background-position-y: 0%;
background-repeat: repeat;
background-size: auto;
box-sizing: border-box;
color: rgb(255, 255, 255);
font-family: "Open Sans", sans-serif;
font-size: 40px;
font-weight: 700;
line-height: 30px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin-top: 20px;
padding-bottom: 5px;
padding-left: 0px;
padding-right: 0px;
padding-top: 5px;
text-align: center;
text-shadow: 0px 1px 2px rgba(0,0,0,0.6);
text-transform: uppercase;