How To Make Slider Transparent

Support
#1

On my homepage, I’d like to make that slider transparent so that the header sits on top of it. How exactly do I do this?

www.paradisevalleyproductions.com

#2

Hello,

I believe you want to make the navbar transparent so it sits on top of the slider correct?

On The header builder, you can remove the background color of your bar and change the toggle position from relative to absolute.

Alternatively, you can add the following CSS to Theme Options CSS, but I would recommend you doing directly on the header builder.

.hm1.x-bar {
    background: none;
    margin-bottom: -80px;
}
#3

Great! That worked perfectly for my home page. Is there anyway to do that on the additional pages as well?

#4

Hi There,

Please also add this CSS:

body .x-navbar {
    background-color: transparent !important;
}

header.masthead.masthead-inline {
    position: absolute;
    width: 100%;
}