It would be really helpful if the mega menu could stay persistent at the top so you don’t have to scroll all the way up to see it again.
Possible?
Open
Make Mega Menu Persistent
+5Hey
Although there isn’t currently the ability to configure this out of the box, you can achieve a ‘sticky’ mega menu using some custom CSS. An example of this would be:
.main-navigation--wrapper {
position: fixed;
top: 0;
width: 100%;
}Let me know if you need any help!
+2Oh, I would like to have this as well! I asked this one year ago, now I have to test this
+2Although there isn’t currently the ability to configure this out of the box, you can achieve a ‘sticky’ mega menu using some custom CSS. An example of this would be:
.main-navigation--wrapper {
position: fixed;
top: 0;
width: 100%;
}Let me know if you need any help!
It seems that it hides the Mega menu and when you start scrolling down Mega menu appears again. Sometimes it is behind the some widgets / components. If you want please go and look our stage to see your self 😊
+5Hey
That was just a quick example of how you could achieve it. We need to add a few more styling rules for this to work but this is just one of many ways of implementing this. I’ve gone into your staging environment and added a few more lines of CSS so that the mega menu no longer gets hidden behind other elements. Please note that this comes with the caveat that someone can probably code this far more elegantly than I have just done and should be tested by a technical resource on your side as well 😁
+5
Ok thanks. Would you also be able to provide the code I can add to ensure the mega menu no longer gets hidden behind other elements? I added this first initial code you provided to the Custom CSS. Thank you!
+2Hey
That was just a quick example of how you could achieve it. We need to add a few more styling rules for this to work but this is just one of many ways of implementing this. I’ve gone into your staging environment and added a few more lines of CSS so that the mega menu no longer gets hidden behind other elements. Please note that this comes with the caveat that someone can probably code this far more elegantly than I have just done and should be tested by a technical resource on your side as well 😁
Oh wow, thanks.
+2Hey
That was just a quick example of how you could achieve it. We need to add a few more styling rules for this to work but this is just one of many ways of implementing this. I’ve gone into your staging environment and added a few more lines of CSS so that the mega menu no longer gets hidden behind other elements. Please note that this comes with the caveat that someone can probably code this far more elegantly than I have just done and should be tested by a technical resource on your side as well 😁
Oh wow, thanks.
Yeah I founded few issues while testing and I cant publish it now.
+5+2Basically when using mobile, Topic banner isnt always visible / visible all the time. For example, at first Topic banner is visible when you open discussion, but if you scroll down Topic banner disappears totally. It doesnt appear, even you scroll up again.
Also I noticed that you have added some margin, I increased it to see the Topic banner fully.
Hey
+5
New Idea→Open
Sign up
If you ever had a profile with us, there's no need to create another one.
Don't worry if your email address has since changed, or you can't remember your login, just let us know at community@gainsight.com and we'll help you get started from where you left.
Else, please continue with the registration below.
Welcome to the Gainsight Community
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.