Fixed navigation when scrolling down
-
-
- FL
- Newbie
- Posts: 6
- Thanks: 0
-
Hi admins,
I hope you can help me with this issue as I have tried several things but without success :/
I am using the RT Oculus template @Joomla! 3.2.2 ... And now I want to make the navigation bar/menu to be fixed on the top when users are scrolling down on the website. So my question is how can I do this?
Thank you in advanced
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Not sure of I can help you.
But right I can't even take a look because you are compressing the code.
I suggest to disable RokBooster so we can a least see the code.
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
I suggest to add this to your css
header#rt-top-surround {
position: fixed;z-index: 9999;
top:180px;
}
div.rt-block.menu-block {
background-color: rgba(0, 0, 0, 0.68);
}
#rt-bg-bottom > div.rt-container {
margin-top: 80px;
}
but it's not really 100% perfect ... -
The following users have thanked you: FL
-
-
-
- FL
- Newbie
- Posts: 6
- Thanks: 0
-
Cool thank you! I have implemented it , now I see the menu is fixed, only what I still need is to get it on the top when scrolling down, do you maybe know how I could do this with scrolling ? :$ thanks!
-
-
-
- Henning
- Preeminent Rocketeer
- Posts: 29362
- Thanks: 954
- Volunteer
-
Actually you need to do that via js ... it's really a custom thing.
I suggest to search the web for this ... if remember right you coud use Bootstrap for this.
It's beyond the scope of support we can offer here
-
Time to create page: 0.066 seconds