When testing the slider on a mobile device I found out that it didn’t work properly.
The slider was squished between the navbar and content portion of the page, only a small part could be seen.
I fixed this by adding “min-height: 100px;” to the custom css code box in theme option > design:
.slide-container {
position: relative;
z-index: 1;
width: 100%;
min-height: 100px;
padding: 30px 15px;
background: rgba(0, 0, 0, .4);
color: #fff;
}
Albert, this was a big help, but didn’t fix the problem completely. It only happens on some images, I can’t figure out what the deal is. I had to make the min-height larger to 500px in order to get it to work. I don’t think that’s a good solution though.
Does anyone know what causes this? Is there a consistent image resolution that we need to use for slider images?