Docs

[laureannerel]

Hi

I have just finished my first website with your X theme

Home page

I have used your Wedding template to start with.
But now I would like to have the menu disappear when the page load so that we only see the slider, and have the menu who appear when me start scrolling, is it possible?

Thanks in advance for your help

[Rupok]

Hi there,

Thanks for writing in! You can add this under Custom > CSS in the Customizer.

.x-navbar {
    opacity: 0;
}

.x-navbar.x-navbar-fixed-top {
    opacity: 1;
}

Hope this helps.

Cheers!

[laureannerel]

Hi,
Thanks, it works to hide the menu and shows it when scrolling, but the White background stays…
I did few trys but didn’t found what to do…
Thanks for help

[Christopher]

Hey there,

Thanks for writing in! Regretfully this isn’t a feature offered by X. It could be possible with custom development, but this would be outside the scope of support we can offer. You may wish to consult a developer to assist you with this. X is quite extensible with child themes, so there are plenty of possibilities. Thanks for understanding. Take care!

[laureannerel]

Hi, the code you already sent me is almost good as the top menu disappear, it’s only it’s background left

[Rue Nel]

Hello There,

Thanks for updating in! Back to your issue:
But now I would like to have the menu disappear when the page load so that we only see the slider, and have the menu who appear when me start scrolling, is it possible?

Here’s how you can do it.
#1] Please edit your page in Cornerstone and remove the very first section containing your slider.
#2] In the Cornerstone’s setting section, go to Slider Settings: Above Masthead and assign your slider here so that the slider will be displayed above the masthead. The menu will be at the bottom of the slider

Hope this helps.

[Author]

Posts