How to position slider image

Question

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?

Recommended for you: Get network issues from WhatsUp Gold. Not end users.

Answer 1

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

How to position slider image

Sign up