[snowdugParticipant]

Hi Guys,

1st Question. I am using the church theme to create a website. What I would like to do is simply move the header onto the slider, so it is transparent and moves when I scroll down the page. I understand that if I follow these steps:

Admin > Appearance > Customizer > Header > Navbar Position > Fixed Top. Additional step when you’re using fullscreen slider just as your given url, is by adding .masthead on Offset Containers input field under your Slider Settings.

it should work but it does not, maybe it is because I need to add the .masthead on offset containers but I cannot find where exactly I should input this. If indeed that is my solution.

Thanks for reading.

Craig

[LelyModerator]

Hello Craig,

Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything.

[JoaoModerator]

Hi Craig,

Please try adding the following code in your Customizer / Custom / CSS

.x-navbar, .x-navbar-inner  {
background-color: transparent !important;
}
.home .x-navbar {
      margin-top: -100px;
}

Let us know how it goes.

Thanks,

Joao

[snowdugParticipant]

Hi Joao and thanks for that. unfortunately it just made the bar smaller and it remained in the same place under the slider.

Lely, it will be a few days before I have the site on a url but I will let you know as soon as I do.

Regards,

Craig

[JadeModerator]

Hi Craig,

Please try to edit the homepage of your site find the Slider Settings: Above Masthead then set the Slider option to Deactivated then the Slider Settings: Below Masthead to Revolution Slider: Church Home.

Then add this CSS code:

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

.x-navbar-fixed-top {
    background-color: #fff !important;
}

.x-slider-container {
    margin-top: -100px;
}

If this approach still does not work, kindly provide with the URL of your site when you have it so that we could assist you further.

Thank you.

[snowdugParticipant]

Well what do you know Jade! A helluva more than I do, man there are some clever people around.

Thank you very very much Jade and thanks to the other guys for you support also. I have to say the back up in this community is awesome and Ive just arrived.

All the best,

one happy guy.

Goodnight.

[JoaoModerator]

🙂 I am glad we managed to help.

Good night!

[Author]

Posts