I have created a one page header, which on that page I use a sticky header on scroll down beyond the slider above the masthead. That part I have working.
On the sticky menu is it possible to highlight the last menu item (buy tickets) to only appear once sticky and give it a different CSS background colour and icon to make it an orange button within the menu bar.
I guess colours can be changed by CSS, but how do I make it so that only happens once I hit the sticky part?
What I want is to make the Buy Tickets menu item:
- Add a ticket icon
- Make background orange with text centralised within that)
- Float that menu item to the right