Import Slider/Menu from Ethos 3

Hey there,

Is there any way to import the slider/menu as shown in the demo Ethos 3 ?

I’ve already worked on what I want with the rest of my website, but I can’t work out a slider + menu that I like, and this one would fit well.

Thanks for your answer!

Hello There,

Thanks for writing in! You can replicate Ethos 3 demo with your current menu and a fullscreen slider is you already have created one in your site. You just set it up properly by assigning the slider above your masthead settings and you are all set. Please do these steps.

  • Please go to X > Launch > Options > Headers > Logo And Navigation and this should be set as “Stacked” so that you will have Logo over the menu setting.
  • Create a slider and it must be a Fullscreen slider layout. If you want, you can download from this free slider exchange site: https://revolution.themepunch.com/free-slider-exchange/
  • Edit your homepage and assign the slider above the masthead. You can find this option in Slider Settings: Above Masthead Settings. To know more about how you can use sliders in your site, please check this out: https://theme.co/apex/forum/t/features-sliders/97/1

Hope this helps.

Hey there,

Thanks for the help! I actually already have done all that, but my problem is that I would like my menu to be attached directly under the slider. And also, it doesn’t actually get full width, don’t know why… Here is an image of it so that you can actually see what I’m talking about. Thanks!

Hi THere,

Please provide your URL so we can better understand the issue and guide you to a solution.

Thanks

Hey there,

Here is the website : http://wercury.ch/

Thanks for your help!

Hey @Fuzuki,

In your slider’s Fullscreen settings or under Fullscreen Options > Increase/Decrease Fullscreen Height, insert .masthead.

That will decrease the slider’s height and will move the header below the slider just like our demo.

For more details about that option, please see https://www.themepunch.com/revslider-doc/slider-setup/#slidelayout

Hope that helps.

Hey there,

I’ve already tried that before - Seems like it doesn’t work well for me! As you can see on the same URL, the menu is still not full width, and still weirdly under the slider.

But well - if I install the Ethos 3 theme directly, will the whole thing be as I’d like it to? Might be easier to do it this way!

Hi there,

Standard demo import doesn’t contain the complete content (like the slider and other stuff). It will only import the placeholder and structure similar to the said demo. You can only import a complete demo through the Expanded demo.

The purpose of the above instruction is to display the menu under the slider, would you mind clarifying what you wish to achieve?

It appears not full-width because of the background color of your navbar, please change its background color to white.

Change this custom CSS

.x-navbar, .x-navbar .sub-menu {
    background-color: #e4e1d0 !important;
}

to this

.x-navbar, .x-navbar .sub-menu {
    background-color: #fff !important;
}

And it appears too thick (tall) because of a hidden logo, plus, you set you header height to 100px. Please add this CSS as well to hide the logo

.x-brand {
display: none;
}

Then go to Admin > X > Options > Header > Navbar height and change it to 57 instead of 100.

Thanks!

Hey there,

Thanks a lot for your help! I manage to do what I wanted with your tips.

Have a great day!

Glad that you managed to achieve what you want :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.