MiloSx7 MiloSx7 - 18 days ago 5
CSS Question

Bootstrap carousel buttons visible on the footer

I have been building a website using bootstraps scrollspy. So far so good, except that carousel buttons are appearing over my footer

Image here

Here is the footer css:

.footer {
position: fixed;
bottom: 0px;
padding-top: 15px;
width: 100%;
height: auto;
background-color: #222222;
}


Any way to fix this?

Answer

like @zack6849 said if you add the z-index property to the .footer css it should resolve your issue provided you spec a value higher than that of your slider. You should inspect the element and see what the current z-indexes are, or just use a real high value for your footer like z-index:10000;

you can read more about z-index here