Slider Revolution No Longer Working on Homepage

Hello,

I’m not sure what happened - but all of a sudden the slider on our homepage is no longer working. All the other Revolution Sliders seem to be working fine.

I tried removing the slider, and re-adding it. I also tried duplicating the slider and reassigning the ‘new’ one to the page.

Unfortunately I can’t re-trace steps of the changes made to the site because modifications were made (incorrectly) by a developer we had to fire. When I update the template of the homepage in Page Attributes to “No Container, Header, Footer,” the slider displays - but when I update it to “No Container, No Header, Footer” (which is what it should be), the slider disappears. I’m at a loss for how to get it back.

Please help! Thanks so much in advance.

Best,
Derek

Hi Derek,

The slider code is in the header, so it will only show up to templates with header in it.

Thanks

Understood.

However, we previously had the slider appear without the header bar - and that’s what we would like to achieve again.

The desired design is to simply have the dark grey bar span the width of the page with a simple logo inside - a header effect without the navigation, right under the slider. Unfortunately when I add in the header, both that bar appears as well as the standard header - so it appears we have two headers, which isn’t right - and not how the page displayed before.

How can I have the slider appear, and hide the nav header?

Here’s the page I’ve been attempting to apply the fix to: https://forkmonkey.com/db

I’ve attempted to remove the header from the page settings, adding it inline at the top within a content band, however, that jumbles up all the buttons in the ‘tiles’ on the page - and also removes the down-circle button from the slider. So I’m looking for the solution that retains the buttons being centered vertically and horizontally in the tiles, and keeping the down-circle button inside the slider.

Cheers,
DB

Hi There,

This section here:

screenshot

Is a fullwidth content-band with the image in the middle, which means you can add a slider just underneath or above it. To do that add a Text element/widget just below/above that and paste your Slider shortcode there.

If you happen to create a new pages in the future, we strongly advice to use the Cornerstone page builder instead.

By the way, the credentials you provided above does not work.

Thanks,

Hello again.

As mentioned in my previous post, I’ve attempted that already - but it breaks the layout of the tiled buttons in the section below it. This is what the buttons should look like:

And this is what it looks like after adding the slider at the top of the page:

Also, again, this solution also removes the circle-down arrow, which we would like to have in place:

Hi there,

You should just hide the navbar since some features like arrow down is only applicable for masthead sliders. Just add this CSS to your global custom CSS

.no-navbar .x-navbar {
display: none !important;
}

Then edit your page and got to Page settings section and find Body Class(es) option and add no-navbar to the input field.

Thanks!

Hey Iam,

Thanks for the suggestion. Unfortunately when I try this solution, there’s a white space where the nav bar was… and also a coded subnav the developer added appears also. :-/

Hi There,

Please find this code and remove io:

body.x-navbar-fixed-top-active .x-navbar-wrap {
    height: 80px; 
}

Hope it helps!