Nitish Kumar Nitish Kumar - 4 years ago 84
CSS Question

How to position slider image

I'm trying to place a slider from this link:

https://startbootstrap.com/template-overviews/full-slider/

I've kept my

header 650px; and carousel height: 100%
. While trying so I'm having other elements also, which are making the active slider to come below those elements.

Please review this link: http://www.jrnoordbgroups.com/

My active slider element is coming down. What CSS changes should I make?

Answer Source

Your carousel-inner should have following style:

.carousel-inner {
    position: absolute;
    top: 0;
    width: 100%;
    overflow: hidden;
}

Also so will have to play with z-indexes to make sure your content and header are above the carousel-inner or push it to be first element in the header

Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download