Hi, I have been searching for guides on how to make just the announcement bar sticky, however, I have not been able to find a solution that does not overlap the header. Right now, I am using the following code, however, both the announcement bar and the header are sticky:
I also tried this code, however, it overlaps the header:
How could I make just the announcement bar sticky, without disturbing the header. I'm guessing this would be done by having the announcement bar go behind the header when scrolling, without disturbing it. Thank you so much.
Solved! Go to the solution
This is an accepted solution.
Paste these css at the bottom of your theme.css file. please like and accept solution if its work for you.
That fixed the visual problem, however, for some reason, the bottom button in the menu is not clickable, even when you go into the learn category, the button on the bottom of the list becomes unclickable.