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

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!

Comments

  • Hi,
    yes we can do that, please send a link to the page. This needs custom css.
    thanks
  • edited 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!
  • Hi,
    please first set the normal menu on your website and turn on the sticky menu in theme options>header&subheader>header
    thanks
  • Is this correct?

    image
  • 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.
  • edited 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 :)
  • Yes it is ok now ;)
    Here yo go
    #Top_bar:not(.is-sticky) {
    display:none !important;
    }
  • 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!
  • 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.

  • 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.

  • 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! 
  • 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?
  • edited 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)


  • edited 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'

  • We do not seem to experience so much stutter. Could you try to change the scroll plugin in theme options>addons&plugins>addons?
    thanks
  • 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 :)
  • 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.
Sign In or Register to comment.