Docs

[Joshua V]

I know to do this with Revolution Slider, you add #wpadminbar, .masthead the the slider settings. How do you accomplish this in LayerSlider? I’ve got the slider above the masthead, now I just need the menu to show at the bottom of the slider.

[Christopher]

Hi there,

This option is not available for layer slider, please use revolution slider.

Thanks.

[Joshua V]

Oh man! I just spent about 3 hrs making my slide in layer slider! :/ I thought I read somewhere that you could use some CSS coding to accomplish it?

[Jade]

Hi Joshua,

We can try checking it.

Kindly provide us with your URL. Thank you.

[Joshua V]

mlsyourfsbo.com

[Nabeel A]

Hi again,

Thank you for providing the URL. I’m seeing your navigation bar below the Layer Slider (see attached) are you trying to achieve something else? Can you please share some screenshots so we can have a better understanding of your issue?

Thanks!

[Joshua V]

I’m talking about where the slider is set to full screen but the menu will always appear on the bottom of the screen (see screenshot 1). I know to do this with Revolution Slider, you add #wpadminbar, .masthead the the slider settings. I know layerslider does’t have that option, but I thought there was CSS you could add somewhere to accomplish the same thing? Right now, the navigation bar is only visible if you scroll or click the bottom at the bottom center. I’d like the whole bar to be visible at the bottom.

[Lely]

Hello There,

Thank you for the clarification. Please try adding this custom CSS:

.x-navbar.x-navbar-fixed-top {
    bottom: initial;
}
.x-navbar {
    position: fixed;
    width: 100%;
    bottom: 0;
    z-index: 999999;
}

See this:http://screencast-o-matic.com/watch/cDX3igQhny
Hope this helps.

[Joshua V]

Unfortunately, that didn’t do anything…

[Friech]

Hi There,

Yes, Layer Slider does not have that offset option. Please add this on your custom CSS instead.

.x-slider-container.above {max-height: calc(100vh - 70px);}

Hope it helps, Cheers!

[Joshua V]

It worked on my computer, but it’s not on my iphone or ipad.

[Friech]

Hi There,

Please clear your mobile phone’s browser cache.

Thanks.

[Joshua V]

That didn’t work either.

[Christopher]

Hi there,

Upon checking your site, slider was working fine, see the attachment.
Please check again.

Thanks.

[Author]

Posts