Hi!
I have my page https://playclickjackpot.com/ and I am using it as a one pager. In the beginning, there won´t be navigation. How I can hide it? Thanks!
1 Like
Hi there,
Please add this code in X > Theme Options > CSS:
.x-nav-wrap.desktop, .x-btn-navbar {
display: none !important;
}
Thanks! Working like a charm 
You’re welcome.
Is there a way to do this on a specific static page of a website ( https://www.gulfbreezerecovery.com/chronic-relapse/ ) where it does not affect the navigation appearing on the other pages?
The code you provided Payapi worked well to remove the navigation on this page when added to page CSS could you provide me the additional code to remove the logo and white space associated with the logo and primary navigation for this page?
Hi there,
Sure, you can make use of the Body CSS Class field option in the page settings:
Then update the code to :
.hide-nav .x-nav-wrap.desktop, .x-btn-navbar {
display: none !important;
}
The code above assumes that the class you added to the setting in hide-nav
Hope this helps.
I followed the direction I hope properly and the navigation returned and the logo and space were unaffected.
when I just added the hide-nav to class section it returned these results again.
Hi there,
You are using a Stacked header, kindly try this code:
.hide-nav .x-navbar-wrap,
.hide-nav .x-btn-navbar {
display: none !important;
}
Hope this helps.
still have the logo (btn) in masthead area like before. I added to class “hide-nav hide-sort-btn”
Hi there,
Just use hide-nav class in the body class. The hide-sort-btn class was just an example.
If you want to get rid of the entire header area, that is the logo and the navigation, use this code:
.hide-nav .masthead {
display: none;
}
That worked perfect, thanks for being so patient! This is by far the best consistent support I have ever had from any theme designers ever! Thanks, James.
You’re welcome.
This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.