I'm working on my header/navigation bar of my brooklyn theme. I wanted them fixed while scrolling and used pretty much all of this:
I made some minor adjustments, which aren't of interest in the following subject.
What I'm trying to do now, is that (actually only matters for the homepage) after beginning to scroll down the homepage, that a black background (doesnt necessarily needs to be completely black, can be a somewhat transparent black) surfaces beneath the navigation icons. The icons are "loose" on the homepage or have no background color rather. The icons are white on the homepage (icons of sidemenu nav, shopping cart and logo etc), which are also visible on top of the background picture/slideshow. But when scrolling down below the slideshow section, the background is white, and since is there no background color behind the navigation bar, the nav bar icons and logo aren't really visible since they're white too.
The other pages have a fixed white bar and black icons, so that is fine. Just the homepage is bugging me.
In other words it should be a somewhat dynamic navigation bar.
(I tried to somehow implement this with some adjustments, but couldn't figure it out:
Appreciate any help. Thanks in advance!
See the pictures below for a better visualization.
Please give me site url so that I will help you
I added a fixed header to my Brooklyn theme a while ago, however, just recently i have noticed that it does not stay fixed and flashes away for a second when loading a new page, then reappears, this isn't normally how it was working...
Has anyone had this before, or know if there is a relatively easy fix?
Thanks in advance
What is your exact issue...I am unable to see any issue on your sticky header while scrolling...