Currently (in desktop-mode only) when I scroll down past the first section of my site the “Scroll-Navbar” will popup on top. How can I make this happen for tablet/mobile screens also?
When I scroll to the Introduction section I want my “Introuction” link in the Scroll-Navbar to be highlighted (as it’s the Current section)…I know my Intro section is short but how can I fix this? Seems like the offset is causing this issue as the section is so short.
The issue is that the scroll header is set to invisible on tablet and mobile views:
and it should be:
Which will fix the issue
In terms of the second issue, the way that the highlighting works it that it highlights when the section covers more than half the screen, so the intro section gets highlighted when it’s supposed to, one thing you could do to fix this is set the link to an element within the intro section a bit lower down, which would avoid the issue but mean that it scrolled to that section when clicked which is kinda annoying. I have a really, really complicated workaround for this but it’s long and mangled so if you want it message me
Hi @rhami, I took a look at the styling on the navbar, and I suggest to set the Scroll Header class to overflow visible, and to set the mobile nav menu div to be set to display inline.
