Hide the top-bar menu but keep the Sticky menu visible

matanyaniv · November 2017

Hi Be|theme.

I was wondering if there's a way that on a particular page - to make that static top bar menu will be hidden (since I have a menu built with Slider Revolution), but when scrolling down only the sticky menu will still be appearing.

Thanks in advance!

Bryan · November 2017

Hi,
yes we can do that, please send a link to the page. This needs custom css.
thanks

matanyaniv · November 2017

Hi again,

I've sent you a private message with the links (as the site hasn't been launched yet) via the contact form at: https://themeforest.net/user/muffingroup

Thanks!

Bryan · November 2017

Hi,
please first set the normal menu on your website and turn on the sticky menu in theme options>header&subheader>header
thanks

matanyaniv · November 2017

Is this correct?

Bryan · November 2017

Sorry but you have customized the header too much and the theme options will not do it. You would have to revert the changes you made first.

matanyaniv · November 2017

I've removed all custom CSS attributes related to the top bar on this page:
http://glacisgroup.com/products/personal-safety-demo/

Is that OK now?
Thank you

Bryan · November 2017

Yes it is ok now

Here yo go

#Top_bar:not(.is-sticky) {
	display:none !important;
}

matanyaniv · November 2017

Fantastic! Thanks so much.

One more additional question, if I may;
After pressing links on the Slider Revolution that leads to a same-page scrolling to the desired section - if trying to scroll up or down immediately once it has landed on the target, it doesn't let it and the page starting to stutter.

Any idea what may causing that?
You may test on http://glacisgroup.com/products/personal-safety/

Thanks again!

Bryan · November 2017

Please add a custom class="scroll" to the link element, this way it will scroll smoothly.
You can also set the scroll time and delay in the RS plugin.

matanyaniv · November 2017

Hi.

Since there was never a problem with the smooth scrolling itself - and this is not what I'm referring to;
I think there's a misunderstanding, I will try to explain the issue again

The issue occur AFTER it's done scrolling to its target, if you/user immediately try to scroll manually and casually using your mouse/tablet up or down less than (aprox.) 3 seconds AFTER it has landed/scrolled to the target - the page will stutter.

Only after (aprox.) 3 seconds - the capability to scroll further manually will be issues-free.

Please let me know if it's more clear now,
Thank you.

matanyaniv · November 2017

Also,

Is there anyway to offset the smooth scrolling so the sticky header won't block the content/headlines once it reaches its position?

Thanks!

Bryan · November 2017

I see that the RS plugin can scroll below the slider only and it has all the option you want
http://prntscr.com/hape67
But the problem is with the JS on your page, even the sticky menu does not work correctly.
Can you please disable all plugins except RS and see if this helps?

matanyaniv · November 2017

Hi,

I've followed your recommendation but the issue still persist.

To make sure we're talking about the same thing - please find a video of what I'm experiencing;
http://glacisgroup.com/wp-content/uploads/rs_scroll.mov

Please help

Thank you.

**Update**
I've ran several testings;
1) I've exported the same rev slider to a different site of mine with betheme - no issue on the different site using the same slider
2) I've created a simple <a href> link with class="scroll" on the same site/page in a simple column - no issue after the smooth scrolling
3) I've made an entire blank rev slider just with a link + "scroll" class for it in the rev slider - issue persist
4) With the same blank rev slider I've removed the "scroll" class and "one page" option on the page itself and it's still smooth scrolling with the same issue as in the video(?!) - How can it still be scrolling without any "scroll" class or "one page" setting in place? (maybe that's the key to solve it)

matanyaniv · November 2017

..And as for the offset, if there's any option to set scroll offset to any button/link? Not just the 'scroll below slider'

Bryan · November 2017

We do not seem to experience so much stutter. Could you try to change the scroll plugin in theme options>addons&plugins>addons?
thanks

matanyaniv · November 2017

Thanks Muffin Support!

I've managed to get to the bottom of it finally -
Apparently there was a still custom JS within RS that was linked to these sliders and was causing it.

Thanks for all your help regarding this matter.

As for the second one -
Is there anyway to offset the smooth scrolling so the sticky header won't block the content/headlines once it reaches its position?

Thanks in advance

Bryan · November 2017

Sorry but we do not have a scroll offset. Make sure that the one-page option is enabled in page options (page edit). It could help.

Hide the top-bar menu but keep the Sticky menu visible

Comments