Welcome to my website where I have created a full-screen slider for you to enjoy.
If you'd like to check it out, just click on the website link.
The slider functions perfectly on Chrome and IE, but unfortunately on Firefox, it only shows half of the screen.
Here is the code snippet that I used:
.q_slider {
width: 100%;
overflow: hidden;
position: relative;
z-index: 10;
}
.carousel-inner .slider_content_outer {
position: relative;
height: 100%;
width: 1100px;
margin: 0 auto;
z-index: 12;
}
Can anyone spot what I might have done wrong that could be causing this issue?